Bottom Navigation Menu

[jascalParticipant]

Dear,

I would like to place the navbar/header at the bottom of the page, and make it stick. So the menu is constantly at the bottom while you scroll instead of at the top.

Thank you.

[BWSMKeymaster]

Hi,

Do you mean that to make the whole header on the bottom of page? Included logo?

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[jascalParticipant]

The logo can stay at top. Only the header menu.

[BWSMKeymaster]

It should be possible with these 3 header layouts, which layout you want to use?
ps: it will not work on mobie layout.

[jascalParticipant]

I just have the normal menu layout ( text links only ). The website is on http://www.jasencal.nl .

[jascalParticipant]

Another question: How can i have the owl carousel (slider) only display one image at a time instead of a few images the complete width of the page? I cant get it to work if i edit the custom.theme.js

Thank you so much for the support.

[BWSMKeymaster]

Please paste the custom css code to “Appearance > Customize : Additional CSS”

#header {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
#navi-header {
float: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
text-align: center;
     background-color:#fff;
}
#navi-header>div>ul>li {
float: none;
}
#navi-header>div>ul>li a {
     color:#333!important;
}

ps: It is not a normal requirement. I didn’t test the CSS fully, Can not make sure if cause other unknown question.

[jascalParticipant]

Thanks. This Works. The only thing is that it first loads the menu in the header and then moves down the page. Is there a way to let it appear at the bottom straight away?

[BWSMKeymaster]

Please leave your website URL. Thanks

[jascalParticipant]

This reply has been marked as private.

[BWSMKeymaster]

Please try to disable header sticky in theme option.

[jascalParticipant]

Yes, I did this but still get the animation effect.

Thanks!

[Author]

Posts