Responsive Header and Menu

Schreckgespenst

Hi there, 

using the stack center header for the homepage. On Firefox and on the IE the menu and the Costum Logo overlaps. 

http://tonn-sanitaetshaus.gn2-host5.de

How can I change this? 

Thanks for help

Albert

Hi,

please make a screenshot of what you mean because we checked logo in Firefox and we don`t see any overlap.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Schreckgespenst

http://tonn-sanitaetshaus.de/screenshot/

Now the HP Changed. The installation is on http://tonn-sanitaetshaus.de

Greetings Tanja

Albert

Ok we see what you mean now In your case, you should use below css:

.header-stack #Top_bar .logo #logo { display: block !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Schreckgespenst

It works. Thank you! 

mattpage24

I'm having what I think is a similar issue - I am using text "MENU" instead of the three lines.

Can you have a look and make a suggestion:

http://www.battleonthebeach.co.uk

Albert

@mattpage24 What is your problem exactly? Please explain and attach screenshot as well. Also please sort your website because does not work. We tried to open it few times and nothing.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mattpage24

Albert

@mattpage24 We need access to your website because all we see is maintenance mode. Please send it as private message.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mattpage24

It should be available to view now.

Albert

Ok website is available now. We recommend to use below css to move up menu text a little bit to top:

@media only screen and (max-width: 479px) { #Header a.responsive-menu-toggle { top: -10px !important; } }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mattpage24

Perfect, thanks!