Solved

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

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)
Kinjaldavra
Shopify Partner
2302 570 1422

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;
}
}

 

View solution in original post

Replies 4 (4)

JHKCreate
Shopify Expert
3571 639 916

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

Here is my profile url. still in progress https://www.krishabysakshi.com/

Kinjaldavra
Shopify Partner
2302 570 1422

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;
}
}