Main Menu in Mobile

Entrada WP Theme
#1

Hello and thank you for your hard work and dedication in supporting your product,

I am almost done with customizing the theme to my tastes except one last detail:

I was wondering if there was a way to make the menu-logo bar in the mobile site to always stay on top, like it does in the desktop. I think it is a very important characteristic.

#2

Hello Maria,

Thank you for the feedback and also am really glad to hear about the progress you have made on project.

To make the menu sticky on mobile devices, please go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS box and copy and paste the CSS code below inside your Custom CSS box:

@media only screen and (max-width: 768px){
#header {
position: fixed;
}
}

You can also customize this CSS block further with your own custom css if required.

Thank you

#3

Thank you for the answer, have a great holiday and a happy new year!!

EDIT: It doesnt wort that well, it doesnt fill the screen from the one side to the other.

#4

Sanjeev,

This makes it sticky

  1. however the header only goes 2/3 of the way over - any ideas how we can fix this. This is my last (piece) to do for the site.

See screenshot.

  1. When you turn the phone to landscape (long ways- cant screenshot) it extends all the way and then also adds in the cart icon and search that i removed in CSS with your other suggestions.

. not selling on the site so no cart icon or search wanted or needed

Thanks for any help on this

image
image1409×1816 800 KB

#5

So many threads unanswered Sanjeev… you should get someone to help you.