How do I keep a nav bar at the top of the page?

[Kari]

Theme SKT Ele Business – is it possible to keep the navigation on top of the page?

[Kari]

With same SKT ELE Business, the font is not showing on the pages? (assistant) only within the wordpress management….

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Kari]

https://www.energiaplus.fi

[Kari]

So the address is h t t p s: // w . w. w. e n e r gi a plus.fi

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.has_trans_header .header_wrap { position:fixed !important;}

Regards,
Chris

[Kari]

Thanks Chris

[Sonl Sinha]

🙂

[Kari]

Sorry, afterwards…. we noticed that the nav bar does not work on every page???????
h t t p s: // w . w. w. e n e r gi a plus.fi
It has different behavior in the inner pages??????

[Sonl Sinha]

Hi,

Remove:
.has_trans_header .header_wrap { position:fixed !important;}

And add this new CSS:

.has_trans_header .header_wrap {
    position: fixed !important;
    z-index: 10;
    width: 100%;
}

Regards,
Chris

[Kari]

Header Layout 1.. can we shift the email and phone data blow the navigation menu.. but still in the same white background area….. so that the email and phone would be right after the menu… and on the right as it is now?

[Kari]

And this new code is working in normal view… but mobile menu gets broken…..

[Kari]

The navigation works now on all the other pages, but the front page gets messed up.

[Sonl Sinha]

Hi,

Kindly use this one:

.has_trans_header .header_wrap {
    position: fixed !important;
    z-index: 100;
    width: 100%;
}

Regards,
Chris

[Kari]

This code will leave the front page banner below the navigation….

[Author]

Posts