responsivemenu

Hey there,

Are you referring to the left/right scroll bar that appears at the bottom the screen? If so,your text that reads Sponsored by Lake Michigan Catechists has some custom styling on it that is pushing the screen beyond 100% width so you will need to update these styles.

If you are referring to the up/down scrollbar inside my menu you can remove that but then it would make the menu unusable as people won’t be able to scroll to the lower items, are you sure you want to do this? If so, you can use the below custom CSS but I would advise against this:

#responsive-menu-container {
   overflow: hidden;
}

All the best

You’re welcome 🙂

Hey there,

I’ve had a look but I’m still not clear what you are asking for or what the issue is exactly.

Are you saying that you want the left menu to always be on top of the one on the right? If so then you just need to add the following custom CSS to your theme files style.css or similar:

#wprmenu_menu.top {
   z-index: 999999999999;
}

If I have misunderstood please let me know.

All the best

• This reply was modified 9 years, 6 months ago by responsivemenu.

Hey tsetsaf,

Thank you very much for the kind review, I truly do appreciate it!

Have a good day 🙂

Hey there,

I have had a look and I don’t think this will be possible.

Your menu doesn’t seem to behave in the normal way and doesn’t have the normal classes (like the is current parent and has children etc.) applied to the menu items.

It seems your site loads the pages in the background rather than refreshing the page so I’m not sure of an easy way around it.

If you find a solution please let me know as it will help out other users for sure!

All the best

Hey there,

What settings have you got for the current menu items?

If these are not doing what you need you should be able to use custom CSS based on the classes on the links.

Can you provide a link to your site and the exact pages with explanations of what you want to happen as it should be quite easy.

All the best

Hey Mirco,

Unfortunately media queries only work width wise and Im not aware of any way using CSS to detect the page height.

The only way to detect the height would be using some sort of javascript detection and then you would need to apply some seperate inline styles or apply a class that you can then style seperately in CSS.

You could achieve all this using jQuery to help with development so if you have a web developer you can speak to them about implementing these changes or alternatively the jQuery framework is pretty easy to learn and use and you can check out their documentation online.

Hope it helps!

Hi there,

Please try the below instead:

button#responsive-menu-button {
   width: 100% !important; 
}

This should be all you need and will also get the button centered as you want.

It is going to be very difficult to debug the other issue I’m afraid if it is only for Samsung S5.

However, if you can turn the menu back to sticky so I can see the other issue in a desktop browser I can certainly take a look at that for you.

All the best