Changing mobile view to the same as desktop view - minimal theme

Store Design
1

Hi,

I am using the minimal theme and cannot figure out what code to use to make the mobile view the same as the desktop view. My mobile view looks terrible and I know that a large amount of people use their phones to access my site. Does anyone know a code I could use to fix this?

Thanks!

1 Like
2

@imnotverytechy

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. :blush:

Please share your site URL,
So I will check and provide a solution here.

3

Hello @imnotverytechy , please share the store URL and password too if it is protected.

4

My website URL is shopailis.com . It is currently password protected, does
this affect your ability to see it?

5

@imnotverytechy Yup you need to provide a password too so we can check the layout of your website in desktop and mobile too.

6

The password is yeante

7

@imnotverytechy

thanks

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 769px) {
.index-section {
    padding-top: 0;
    padding-bottom: 0;
}
}
8

I put that code in and it doesn’t seem to be changing anything.

9

Hi @imnotverytechy
If you want to make your store on mobile view showing like on desktop view.
You can try follow this path:
Themes => edit code => theme.liquid
and remove code like this image.
If you want to make store look good on mobile, i can help you.

nhimconstore ~ Edit ~ Minimal ~ Shopify 2021-03-10 23-35-42.png
nhimconstore ~ Edit ~ Minimal ~ Shopify 2021-03-10 23-35-42.png3288×1684 856 KB

10

Thank you SO much! This fixed my problem, I really appreciate it!

11

https://baal-bachay.myshopify.com/

12

check the mobile view the text is not being displayed on the image like it is on desktop