renee.hartwick Posted December 17, 2021 Share Posted December 17, 2021 Site URL: http://www.larclighting.com Hi all, I'm finishing up a website for a client and running into a coding hiccup when it comes to configuring my CSS code for the side (right/left) padding on a few sections in their site. We've got this view on desktop (which they like): And in tablet view, it looks like this: They're not wild about the white space there and want the text to take up the whole container (on this section a couple others throughout the site) like it does when it's in mobile view. The media query I've been working on so far is this: Quote @media screen and (min-width:641px) and (max-width:900px) { section[data-section-id="61ba535cde8ebe3fa3fb6834"] {padding-left: 0px !important; padding-right: 0px !important; } } *I'm only working with "0px" so that it's super obvious when it actually works, ha! Will adjust once I have a code that works... Can someone help me with where I'm going wrong? I've played around with the min/max numbers and nothing seems to change so I'm somewhat stumped. Thank you! Site link: www.larclighting.com Site PW: ilovelamp Link to comment
Solution tuanphan Posted December 19, 2021 Solution Share Posted December 19, 2021 Use this CSS @media screen and (min-width:768px) and (max-width:1024px) { [data-section-id="61ba535cde8ebe3fa3fb6834"] .content { width: 100% !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment