Page titles hidden under header menu

Support
#1

Hi, I have an issue where page titles are hidden under the header menu. Not proved a problem on main pages but I’m struggling to get the blog main title to display correctly. I think it’s a configuration issue but I can’t seem to resolve it.

#2

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#3

Hi Sure, it’s https://betterboardrooms.co.uk

The issue actually happens with every page. The first section of the page sits right at the top with the header/navigation partially covering it.
I have attempted to fix this by introducing a top-margin to the first section, but this becomes an issue when viewing on mobile as a gap appears there.

Thank-you for your help.

Darren

#4

Hi again,

You can remove the margin given to your first section of the page and add the following code in your Customizer to fix the issue globally:

.masthead {
    position: relative !important;
}

Let us know how this goes!

1 Like
#5

Thanks! that’s fixed it.

#6

We’re delighted to assist you with this.

Cheers!

#7

Hi,

I tried this in attempting to solve the same problem and a) it didn’t work, and b) all it did is change it so that my header is now static instead of fixed, and after removing the code, it appears to be stuck this way. Any thoughts on how to revert this? www.tobygrayphotography.co.uk

#8

Hi @tobygray,

Thanks for writing around! I checked your site and you’ve added the following CSS in your Customizer:

.x-nav-wrap.desktop {
    float: left;
}
.x-brand {
    width: 100%;
    text-align: left;
}

Please remove it from your Customizer to fix the issue. Let is know how this goes!

#9

Hi,

Removing that code didn’t fix it, and altered my header from what I wanted, so I have undone that. That code was there before I added the masthead code and the site was functioning fine. I added the code to the global.css section of the customiser, it broke the site, I took the code away and it hasn’t reverted. Not entirely sure why.

#10

I should also note that since it broke, I can no longer change the position of my header using the customizer. i.e: If I select ‘fixed left’ it doesn’t move.

#11

Hi,

In that case, would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.