Header/Nav Bar Problem

Support
#1

My Header/Nav Bar is bleeding into my content/too low (on all pages except for homepage). I tried adjusting in Customize - Header but it doesn’t help. It seems like the navbar is separate/under the logo. I realize I selected Inline but it bleeds into the content on the page. Never had this problem with X before.

#2

Hi,

Try to adjust Theme Options > Header > Navbar > Navbar Top Height (px)

If that doesn’t help, please provide us your site url so we can take a closer look.

Thanks

#3

Already tried that thanks. Doesn’t help. The site is not live so here is my login info:

I opened another forum because the Superfly Menu was working on the homepage but disappeared. I read there was a Google Maps conflict. It didn’t happen until I added Maps on the ME Calendar. I did remove Maps and added the CSS recommended on a forum here but it still doesn’t appear. Not sure if you can help with both Nav/Menu Bar issues.

#4

Hi there,

It’s due to this custom CSS, you shouldn’t do this

.masthead {
  position: absolute;
  width: 100%;
}

But, if your intention is to apply it for home page, then it should be like this.

.home .masthead {
  position: absolute;
  width: 100%;
}

Thanks.

#5

I didn’t add that. Not sure where that came from. I did try adding the code you gave me but it didn’t help. Both problems are still there.

#6

I am just trying to get the Superfly hamburger menu back on the homepage and then the regular navbar working on the other pages (it’s bleeding into the content/page design on every page).

#7

Hi there,

The superfly hamburger menu is not showing up on the homepage because homepage was also selected in the list of pages where the SFM should be hidden from the superfly settings.

As for the normal navigation menu overlapping the page’s content, you may remove the code if you do not need itas it might be added by default if you imported a demo content.

.masthead {
  position: absolute;
  width: 100%;
}

Hope this helps.

#8

Thanks I really appreciate the help. Where and how do I delete it? I did import demo content.

#9

The Superfly hamburger is back but it is a grey color/like a watermark instead of black. The other problem is when clicking on it it doesn’t show the entire nav bar it cuts off at Events? Not sure what happened.

#10

Hi again,

I checked your setup and the button color format was incorrect that’s why were not seeing it black, I went ahead and fixed it for you.

I also checked your menu, you need to scroll down the menu to see all the items (see screenshot)

Cheers!

#11

Thanks for everything.

#12

This is still not working. How do I remove this? It came with the demo content.

This is the message above I am referring to:

As for the normal navigation menu overlapping the page’s content, you may remove the code if you do not need itas it might be added by default if you imported a demo content.

.masthead {
position: absolute;
width: 100%;
}

#13

I figured out how to remove it (CSS) but it still didn’t fix the problem. The header and nav bar is bleeding into the page design/content on all pages (with the exception of the homepage).

#14

Hello There,

The custom css is still in your X > Theme Options > Custom CSS section.

You need to remove it and purge your site and plugin caches first before testing your site. If in case you need this code for the homepage, you will have to update it and use this instead:

.home .masthead {
  position: absolute;
  width: 100%;
}

Hope this helps. Please let us know how it goes.

#15

I am having a difficult time with this. We are trying to launch tomorrow. Can you please help me?

#16

Hi,

I went ahead and remove the code from Global CSS

I have also purge your plugin cache.

Kindly check in your end,

Thanks

#17

This is why I have purchased over a dozen X theme licenses. You guys ROCK! Customer Service is 5 stars. Thanks so much for all of your help! Have an amazing day.

#18

You’re welcome. Glad we could help.

#19

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