Hello,
https://www.patricktullytherapy.com
My site's navigation menu has two lines of pages, and the space between the lines is too large, then when one scrolls down the page, the lines collapse together too much.
I tried adjusting the pixels in the header code, but making the header bigger, etc. doesn't help.
I tried expanding the header to eliminate the cut off of the "g" in counseling on mobile, but it still happens. This particular problem doesn't happen on my laptop.
Here's my style coding for the header:
<style>
.wsite-header-section > .wsite-section-content > .container
{
padding-top:10px !important;
}
</style>
<style>
@Media screen and (max-width: 1024px)
{
.dusk-header .container
{
height: 125px !important;
}
body.sticky-nav-on .site-canvas
{
padding-top: 125px !important;
}
}
</style>
<style>
.topbar {
background-color: white;
}
.logo {
text-align: center;
background-color: white;
}
#wsite-title {
color: black;
}
</style>
<style>
.dusk-header .container
{
height: 120px !important;
}
</style>
