Header and sticky menu issue

mr3133 · December 2018

Hi, i am facing experience of header and sticky menu issue when come to responsive size. When scrolling down with small screen, my menu turned into sticky menu but the words is out of the menu bar and become invisible.

Video: https://youtu.be/TYwg1xyX-1M

Can you advise that? What is the setting i can use and css i can use to fix this issue?

Website link: http://137.59.110.65/~tkrentals/

Pablo · December 2018

Hi,

1) Your menu have too many items, get rid of one item or increase your grid width in

Theme Options > Global > General

2) What browser do you use?

I tested it and it works fine.

3) Your menu on mobile(responsive) is not sticky

Thanks

mr3133 · December 2018

Hi Pablo, thank for prompt replied.

It will only happened on sticky menu when you scroll down and browser screen is smaller than 1114px.

Please advise how to fix this.

Check image below,

https://imgur.com/a/45LZaxe

Pablo · December 2018

As I said, you have too many menu items.

Did you increased your "Grid Width" ?

Theme Options > Global > General

If this value is on max, then only way to fix it is removing one menu item(or hiding it in submenu)

Thanks

mr3133 · December 2018

Hi Pablo, can i set it to be burger menu when the screen smaller than 1114px? or the text be smaller when it hit the 1114px break point. Please advise.

Pablo · December 2018

It's possible to change the mobile breakpoint of the header in Theme Options > Responsive > Header
http://prntscr.com/lrywl9

Set it to the maximum value.
Thanks

Header and sticky menu issue

Comments