Shopify themes, liquid, logos, and UX
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
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.
This didnt work
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!
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
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
This didn't work
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024