current community

your communities

more stack exchange communities

Stack Exchange
tour help
Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 2 down vote favorite

I'm using the Gridless CSS Framework's html/body tags as wrappers; which works great!

I'm un-role'n my site; the role main attribute would span across the page on desktop/mobile. But the new heading ID needs the width/margin increased and the overflow is not hidden on mobile. Any ideas?

article[role="main"] #heading,article header#heading{clear:both;overflow:hidden;z-index:333;position:relative;width:112%!important;height:auto;margin:0 -6% 1% -6%;padding:2% 2% 2% 2%;text-align:center;}
share|improve this question

closed as off-topic by dan♦ Jul 16 at 7:21

  • This question does not appear to be about webmastering within the scope defined in the help center.
If this question can be reworded to fit the rules in the help center, please edit the question.
    
Is this even on topic? –  Mr. Alien Jul 16 at 6:30
    
Questions regarding coding are unfortunately considered off-topic for this site. I'd migrate this to Stack Overflow, but it looks like you already solved it yourself - thanks for sharing the solution. –  dan♦ Jul 16 at 7:21

1 Answer 1

up vote 3 down vote

Fixed it. Changed the width from 112% to 111.5%

The bug was w/

.msg {
    clear:both;
    overflow:hidden;
    z-index:333;
    position:relative;
    width:111.5%!important;
    height:auto;
    margin:0 -6% 1% -6%;
    padding:2% 2% 2% 2%;
    text-align:center;
}
share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.