Static header Theme Option is not working, JS solution leaves an uncomfortable movement

Support
#1

I’m aware this is a persisting bug on the Theme, but the solutions posted don’t solve the problem completely since it makes the header either disappear or move in an uncomfortable way.
I’m posting the credentials below in case you need it.

Thanks in advance!

#2

Hello ITLab,

Thanks for writing in! I have checked your theme options settings and you added this code:

.x-navbar{
  position: static;
}

Please remove that custom CSS code. If you want to have a sticky navbar, please go to X > Theme Options > Header > Navbar > Navbar Position and set it to “Fixed Top”. Your Navbar Top Height needs to be changed to at least 130 pixels.

I also see that you have hidden the logo image by adding this custom CSS code in Appearance > Customize > Additional CSS:

.x-brand.text {
    display: none;
}

.x-brand.img {
    display: none;
}

.x-navbar {
    background-color: transparent !important;
}

Please remove this because it will not work on most pages in your site. You will have to set up a global header for other parts of the site. If you need a particular page not to have the navbar, you can always the Blank - No Container | No Header, Footer page template. For more details about the different page templates in the theme, please check this out:

Hope this helps.

#3

Hello, thanks for the reply

I think I didn’t explain myself well enough, I do want the navbar to be static, NOT fixed. In X > Theme Options > Header > Navbar > Navbar Position I set it to Static, but it doesn’t work, which is the problem I was writing about and couldn’t fix with other JS solutions I saw on the forum.

About the CSS used for hiding, I am using Max Mega Menu, and I only want to show that, NOT the brand logo or text, so I set it to display:none and Navbar Top height to 0px. Is there a better way to do this?

I’ve disabled the static CSS so you can see the fixed header issue. The way the menu looks is the intended way, but I want it to be static.

Thanks in advance!

#4

Hi @ITLabUlima,

This page is the only one having a fixed header (/test-2/).

Take a look on the homepage now, that is a duplicate of that test page and the issue is not happening there, and so on your other pages.

This page (/test-2/) could have been persistently cache by a caching feature or that page is corrupted. For now, recreate that page or use the one I created. If the issue persists, please do a plugin conflict test.

I would not discard the possibility that a 3rd party plugin or server configuration involves on this issue.

Thanks,

#5

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