Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Site responsive layout not showing correctly. Reply To: Site responsive layout not showing correctly.

#193804
Paulie_D
Member

You shouldn’t need to use !important at all except as a last resort…certainly not on every property like that.

Your media queru has a min-width of 768px so it won’t affect phones at all as far as I can tell.

But this sort of thing

<div class="fusion-fullwidth fullwidth-box" style="background-attachment:scroll;background-color:#ffde16;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-color:#eae9e9;border-bottom-width: 0px;border-top-width: 0px;border-bottom-style: solid;border-top-style: solid;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;" id="hpsection2"><div class="avada-row">
<h2 style="text-align: center; line-height: 33px;"><strong>OUR TEAM IS ALWAYS ON HAND TO DISCUSS YOUR NEEDS</strong><br>
PROVIDE YOU WITH THE BEST QUOTATION</h2>
<h3 style="text-align: center; margin-top: -15px;">TO MEET YOUR BUDGET</h3>
</div></div>

worries me..all that CSS should be in the stylesheet.