Hamburger Menu not showing correctly on ipad

dkress · March 2016

Hi Support,

I'm using Betheme 12.3 together with WP 4.4.2. I wanted to create a small website for my wife to sell her deko stuff (www.sandrakress.de).

As I was browsing on my iPad 2 yesterday, I realized that the Hamburger menu is not displayed correctly. On my iPhone, the menu has a white background (when opened) and the content is moved downwards. Not on my iPad... ;(

Basically, I am still using your demo content with some changes to the categories and pictures. Additional activated plugins are BackWPup, Google XML Sitemaps, Table of Contents Plus, W3 Total Cache and WooCommerce. I know that this is probably a CSS issue but I don't know where to look for the solution. Can you please help?

Thx,
Dirk

Albert · March 2016

Hi Dirk,

please show us on screenshot how responsive icon look like on your iPad and tell us what exactly you want to do this this icon so we ca avoid confuse.

dkress · March 2016

here is a screenshot of how it looks like on my iPad 2:

As you can see in the red circle, the menu is overlayed to the rest of the front page.

So, there's nothing I want to do with this item, I just want to have it look like on my iPhone:

Hope this makes it more clear to you...

Cheers,

Dirk

Albert · March 2016

But this is how menu items works on iPad. You can not move the content down when responsive menu is active on mobile. What you can only do is change it's background color what can be achieved with the following css:

#Top_bar #menu { background: #FFF !important; }

dkress · March 2016

Sounds reasonable and practicable to me.

Thx for your very quick help!

:-bd

Albert · March 2016

You're welcome!

Hamburger Menu not showing correctly on ipad

Comments