Responsive Header and Menu

Schreckgespenst · October 2014

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 · October 2014

Hi,

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

Schreckgespenst · October 2014

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

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

Greetings Tanja

Albert · October 2014

Ok we see what you mean now

In your case, you should use below css:

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

Schreckgespenst · October 2014

It works. Thank you!

mattpage24 · October 2014

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 · October 2014

@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.

mattpage24 · October 2014

Albert · October 2014

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

mattpage24 · November 2014

It should be available to view now.

Albert · November 2014

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; } }

mattpage24 · November 2014

Perfect, thanks!

Responsive Header and Menu

Comments