Change width on mobile

julianamachado · ‎09-22-2024

Hello,

I have a code that worked for what I want on desktop (change the header width):

<style>

:root {

--page-width: 1660px !important;

}

</style>

(below <head> on theme.liquid)

Now I'm looking for the same code but for mobile because it only worked on desktop.

Thank you!

Made4uo-Ribe · ‎09-22-2024

Hi @julianamachado

This is simple, but it can be difficult without seeing the problem. I'll be asking the store URL. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

julianamachado · ‎09-24-2024

Hello @Made4uo-Ribe , sorry for this late response

https://744a7e-66.myshopify.com/products/product
Password: 0202

Made4uo-Ribe · ‎09-24-2024

Thanks for the info. For mobile, we can target specific widths, but it should remain responsive. Additionally, there isn't a fixed width for mobile; they usually just add padding to the left and right.

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

julianamachado · ‎09-24-2024

Can we remove/change the padding for mobile?

Change width on mobile

Change width on mobile

Community Blog Articles