FitBar Posted March 10, 2021 Share Posted March 10, 2021 Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS. /*make page wider desktop only*/ @media screen and (min-width:991px) { #page, #content {max-width: 85% !important;} } Works great except for the the product shop: apparently the default product categories and product images are left-aligned. I tried various code snippets and was unable to get it center-align. At the moment I suppressed the page width widening. Any help is appreciated!!! Link to comment
Beyondspace Posted March 10, 2021 Share Posted March 10, 2021 16 minutes ago, FitBar said: Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS. /*make page wider desktop only*/ @media screen and (min-width:991px) { #page, #content {max-width: 85% !important;} } Works great except for the the product shop: apparently the default product categories and product images are left-aligned. I tried various code snippets and was unable to get it center-align. At the moment I suppressed the page width widening. Any help is appreciated!!! Did you get it solved? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
FitBar Posted March 13, 2021 Author Share Posted March 13, 2021 On 3/10/2021 at 6:36 PM, bangank36 said: Did you get it solved? Still have the issue. I commented out the "Make page wider desktop only" code until I can figure out how to not negatively effect the product grip centering. Thanks Link to comment
tuanphan Posted March 23, 2021 Share Posted March 23, 2021 @FitBar Try adding margin: 0 auto !important; Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
FitBar Posted March 31, 2021 Author Share Posted March 31, 2021 @tuanphan Hi! I tried using that before and after the above widening code and it just seems to override the widening code. For now I am going to leave it as is since the majority of the traffic of course is mobile. Thanks for trying tho! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.