I am building a child theme of twenty twelve. I have a div wrapping a section in the header.php file so that I can style that section differently. That is doing something to the responsive coding. When my screen gets to the smaller size, the menu overlaps the header image instead of pushing the header image down to make room for the expanded menu.
Sorry, the site is local, so can’t provide link.
Can you replicate the issue in CSSdesk, then share us the link?
This is from my Child theme style sheet.
If I remove the div (which I added) that is wrapping the section in the header.php file, then everything works properly. That div has an id of logo. It is in the style sheet, as you will see.
Without seeing the issue, we cannot debug it.
Ok, working on that. Can’t access my page right now because of the current server attacks on wordpress. Attacks
We are aware of this, but it is nothing new.
I see, I have uploaded the child theme to my server, so I’ll get you the link when it comes back online 😀
You should never have height assigned to the “container”.
Try not having the
.header-widget, and see how it goes. Also, don’t forget that Twentytwelve is responsive and mobi first.
For more detail, as Andrew said, live link is needed so that people can help you debug.
Awesome, taking the height from the container did the trick!
- The topic ‘Responsive troubles’ is closed to new replies.