homepage Welcome to WebmasterWorld Guest from 54.163.139.36
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
overlapping problem with responsive menu
bastoubach



 
Msg#: 4548721 posted 5:02 pm on Feb 25, 2013 (gmt 0)

Hi,
I am trying to implement a responsive menu.
When the screen size drops below 740px, the menu starts overlapping onto the content below. I actually think that it comes from the fact that the menu area is not expanding, but I haven't been able to figure it out...
Can you help?

[edited by: coopster at 6:10 pm (utc) on Feb 25, 2013]
[edit reason] removed sig, see TOS #13 [webmasterworld.com] [/edit]

 

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4548721 posted 5:33 pm on Feb 25, 2013 (gmt 0)

Welcome to WebmasterWorld!
Note, URLs are not allowed here, so a moderator will probably be along shortly to remove it. With that said, I looked at the site, and the problem appears to be that you have an explicit height set on one of the sections in your header (zone-header). There's no good reason to have the height set on that. Instead remove that height rule (which is the equivalent of height: auto).

You also have a margin-top: -36px on one of the items in your content, which causes a little bit of it to still be covered by the navigation. And you have margin-top of 20px on your h1 which also throws off the alignment (once you remove the -36px margin).

bastoubach



 
Msg#: 4548721 posted 5:46 pm on Feb 25, 2013 (gmt 0)

Thanks for your suggestions! I will try them.
How do folks get help if you're not allowed urls?

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4548721 posted 5:55 pm on Feb 25, 2013 (gmt 0)

You're encouraged to post code examples instead. The reason being that in 2 days, 2 months, 2 years... whatever... someone else might have the same problem and the URL may be useless to solve it at that point. Whereas if the code that caused the problem was posted here instead, they could see what was wrong and how it was fixed.

See the forum charter [webmasterworld.com].

bastoubach



 
Msg#: 4548721 posted 6:11 pm on Feb 25, 2013 (gmt 0)

Got it! Thanks!
I fixed the problem and will post code from now on...

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4548721 posted 6:25 pm on Feb 25, 2013 (gmt 0)

Glad to help :)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved