FROM CACHE - en_header

How to make shopify mobile site to look exactly similar to desktop site?

Solved
krishabysakshi
Tourist
22 0 1

My web store on mobile is not same in terms of look on the desktop. On mobile its more zoomed and the categories are showing 1 by 1. Also my slideshow or banners are getting cut on mobile view. I am nt very familiar with coding. How to fix this issue? Please Help.

MobileMobileWebWeb

Accepted Solution (1)

Accepted Solutions
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @krishabysakshi  

@media only screen and (max-width: 429px) {
.template-page .shopify-section.index-section   .hero.hero--adapt{
    background-size: contain !important;
    display: block !important;
}
.template-page .hero  .hero__inner {
    position: absolute !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
3467 625 884

Hi @krishabysakshi 

Would you mind sharing your store's URL so we can provide a solution for that?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
krishabysakshi
Tourist
22 0 1

Hi, I haven't published my store yet. I am still customising it. How can I share the URL?

krishabysakshi
Tourist
22 0 1
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @krishabysakshi  

@media only screen and (max-width: 429px) {
.template-page .shopify-section.index-section   .hero.hero--adapt{
    background-size: contain !important;
    display: block !important;
}
.template-page .hero  .hero__inner {
    position: absolute !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder