What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Mobile layout

Solved

How can I improve my mobile layout issues?

Lamyglam
Excursionist
17 0 3

IMG_1823.png

 does anyone know how I can solve this on mobile. On desktop it looks good but on mobile it does not

Accepted Solution (1)

StoreWatchers
Trailblazer
205 30 37

This is an accepted solution.

Hi, @Lamyglam 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

1.  Go to online store > theme > Edit code > Assets > base.css (file) and  Paste the below code at the bottom of the file -> Save

@media (max-width: 749px){
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
}

 

2. After adding the above CSS, it looks like this

StoreWatchers_0-1704371247795.png

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

 

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

Replies 2 (2)

StoreWatchers
Trailblazer
205 30 37

This is an accepted solution.

Hi, @Lamyglam 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

1.  Go to online store > theme > Edit code > Assets > base.css (file) and  Paste the below code at the bottom of the file -> Save

@media (max-width: 749px){
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
}

 

2. After adding the above CSS, it looks like this

StoreWatchers_0-1704371247795.png

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

 

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Lamyglam
Excursionist
17 0 3

Thank you so much!