Hi team, I added a piece of code to the bottom of my theme.scss.liquid file to display 3 products across instead of 2 on the Ventures theme. This change successfully shows 3 products per row, but it caused my logo and cart button at the top of the page to no longer be centered on mobile. How can I…

Please use this code @media(max-width: 749px) { .site-header__upper .grid--table { display: inline-flex; width: 100%; justify-content: center; align-items: center; } } [Screenshot 2024-06-18 at 11.23.07.png]

Hello! @DiamondDecals Please follow these steps to add this CSS code: Go to your Online Store Click on “Themes” Select “Edit code” Open your CSS file. If you have a custom CSS file, open that instead. If you can’t find your custom CSS file, open “theme.scss.css” Add the following code at the end o…

@DiamondDecals write the code in media query @media only screen and (max-width: 750px){ body .grid--table { display: block; } } [Rishihuptech_0-1718684015173.png]

Desktop isn’t the issue here, mobile is, strictly mobile.

I think you may be confused with what I’m needing help with. See my picture on the post, you can see my logo and the shopping cart are no longer centered because I have added 3 collums of products instead of the default of 2.

Hello! @DiamondDecals Please follow these steps to add this CSS code: Go to your Online Store Click on “Themes” Select “Edit code” Open your CSS file. If you have a custom CSS file, open that instead. If you can’t find your custom CSS file, open “theme.scss.css” Add the following code at the end o…

Thank you so much Dan, you rock!

Hi @DiamondDecals , Replace your code with my code your code [BSSCommerceB2B_0-1718685067850.png] my code .small--one-half:not(:has(.site-header__logo)) { width: 33% !important; } After making the changes, it looks like this. @media only screen and (max-width: 749px) { .small--on…

My logo isn't centered at the top of my website (on mobile)

Store Design

DiamondDecals June 18, 2024, 4:11am 3

Thanks for your reply, I’ve done that and there is no change to the logo/cart icon.

Topic		Replies	Views
Center Logo on Mobile (Vantage Theme Kingdom 4.0.2) Shopify Discussion troubleshooting	5	18	April 27, 2023
Make mobile logo centered Store Design header , customizations , css	3	36	July 24, 2024
Brooklyn theme: center mobile custom logo Store Design	2	51	October 18, 2021
Mobile Layout not centered Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	3	79	September 25, 2024
Product Landing Page Fix Store Design design , landing-page , css	18	77	September 25, 2024

My logo isn't centered at the top of my website (on mobile)

Related topics