Docs

[Pablo F]

Hello again,

As I said before, I don´t mind about the minor issues remaining. But I´ve already found another one that is critical. I understand it´s so much help from your side, but I think it´s not my fault that many of the CSS code that you have provided here hasn´t worked as expected, even though as you can see I have reported many times for the same issues over and over again (like the grey bottom line at the navigation bar, which is now shown up yet above 979 width with the logo section at the top, and I don´t care, don´t worry).

But please, help me at least with this big issue regarding the navigation bar below 979px width is actually covering/overlapping the page contents at the top even when the page is scrolled up completely. I have realized myself a moment ago just checking http://www.nuevaletusa.es/contacto where the issue is very clear (I have attached a capture).

PS: I´ve tried to find out a solution by myself but after trying it, it does´t work.

https://community.theme.co/forums/topic/responsive-navbar-covers-body-content-when-resizing

Thank you for understanding.

[Paul R]

Hi Pablo,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.masthead {
    top:0;
}

body .site {
    padding-top:60px; 
}
}

Hope that helps.

[Pablo F]

Thank you so much Paul, it works!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Pablo F]

Hello,

After testing the navigation bar on iPhone, I have found the navigation button randomly blinks and disappears when scrolling. Sometimes it´s shown and sometimes not. I´ve tried to put a z-index: 9999 in its class with no results.

Do you know how to solve this issue, please?

Thank you.

[Rad]

Hi there,

It’s because of this CSS,

    .x-navbar.x-navbar-fixed-top {
        position:fixed !important;
    } 

The purpose of moving logo inline with navigation is to integrate them at once. And adding fixed positioning just on the navbar means you’re separating them. Please remove all instance of that CSS, and you already have this,

.masthead {
    top: 0;
    margin-bottom: -50px;
    position: fixed;

Hence, navbar fixed positioning is not needed.

Thanks!

[Pablo F]

Hi Rad,

You are the best, issue fixed!

Thank you.

[Rupok]

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts