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

[komalkhubani]

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

 

[niraj_patel]

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>

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

[komalkhubani]

This didnt work

[BSSCommerce-B2B]

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. 

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! 

[Sangeetanahar]

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

[komalkhubani]

This didn't work