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!!! Beyondspace 1 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? FitBar 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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 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
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! Beyondspace 1 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