Archived topic

Secondary Menu/Safari Conflict

4 replies · Started by Riley Moore on January 31, 2015

Viewing posts 1–5 of 5

January 31, 2015 at 10:45 am #70852

Hi,

I have the secondary menu set to display only on mobile, as I have two different menu structures for full screen and mobile phones. Using .secondary-navigation {display:none;} works beautifully on every browser and device except for Safari. In Safari, hiding the secondary menu results in the widgets from the two columns to float on top of the main content. I can't for the life of me seem to get this sorted out. Help!

January 31, 2015 at 10:48 am #70853

Just realized I didn't link to my site. Here it is: http://helmholzfineart.com/about

There's a placeholder over the homepage so you have to navigate to a subpage to view the problem.

And here's what I'm seeing in Safari: http://s18.postimg.org/eic28ur2h/testing.png

You'll notice two menu lists floating over the smaller copy.

January 31, 2015 at 11:17 pm #70975

Hi there,

Try using visibility: hidden and visibility: visible as well as display none/block - let me know if it makes any difference.

February 2, 2015 at 4:02 pm #71457

Hi Tom,

I didn't have success with that, but I found a workaround by hiding only the li elements, which prevented the layout from shifting.

Thanks for your help!

February 2, 2015 at 6:46 pm #71516

Glad you found a solution :)

This archived topic is closed to new replies.

Start building better websites today.