Re: The mobile view of my shopify store has changed and i need to revert to the original view

The mobile view of my shopify store has changed and i need to revert to the original view

komalkhubani
Explorer
80 0 22

The mobile view of my store (theme taste) has been changed and I need to revert it to the original view (like in the attachment). Store URL - www.la-ras.com

Screen Shot 2024-08-04 at 11.54.32 am.png

Replies 5 (5)

niraj_patel
Shopify Partner
2378 514 506

Hello @komalkhubani 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
.image-with-text .image-with-text .grid{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.image-with-text .image-with-text__media-item .grid--2-col-tablet .grid__item{
width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2);
}
.image-with-text .image-with-text__content>:first-child:is(.image-with-text__heading){
text-align: center;
max-width: 75%;
margin: 0 auto !important;
}
.image-with-text h2.image-with-text__heading.inline-richtext.h0 strong {
font-size: 92px !important;
text-align: center !important;
}
.image-with-text .image-with-text__content--desktop-left>* {
align-self: center !important;
text-align: center !important;
font-size: 42px !important;
}
}
</style>

niraj_patel_0-1723026309219.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
komalkhubani
Explorer
80 0 22

This didnt work

BSSCommerce-B2B
Shopify Partner
1969 564 566

Hi @komalkhubani , 

I haved checked your website on mobile view, 

I can't see the problem you want to fix. 

Everything look goods. The mobile view of my store as same as on desktop view. 

BSSCommerceB2B_0-1723026399658.png

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post and share the details of your problem (screenshot/ record)?

We will check it and suggest you a solution if possible..

 

Have a nice day, dear my friend! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Sangeetanahar
Trailblazer
556 36 66

Hello @komalkhubani 

Go to online store ---------> themes --------------> actions ------> edit code-------> assets-------> component-image-with-text
add this code at the end of the file

media screen and (max-width: 750px) {
.image-with-text .grid {
  
    display: block;
}


.image-with-text .grid__item {
   
    width: 100%;
}
.image-with-text__content * {
    text-align: center;
    width: 100%;
}
}


Buy me a Pizza
- If helpful then please Like and Accept Solution.

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
komalkhubani
Explorer
80 0 22

This didn't work