Minimal Theme - How do I remove the extra spacing in mobile view

Highlighted
Tourist
5 0 1

I"m using the minimal theme, and need help to remove the extra space from mobile view. Spacing is fine on the desktop version, but not on mobile view. 

my site - zipply.ca 

0 Likes
Highlighted

Hello @Zipp-D 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 767px) {
.site-header {
padding: 15px 0;
}
}
@media only screen and (max-width: 480px) {
.gallery__image-container .gallery__image-wrapper {
padding-top: 60% !important;
}
.gallery__image-container .gallery__image-wrapper img {
width: 100%;
max-width: 250px;
margin: 0 auto;
}
}
@media only screen and (max-width: 380px) {
.gallery__image-container .gallery__image-wrapper {
padding-top: 80% !important;
}
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1

Thanks, but that did not seem to help. Any one can help me out here? I have tons of space... one is in the bar above, second is between pictures... ALL in the mobile experience

0 Likes
Highlighted

Hello @Zipp-D 

Your site is password protected please share password for your reference site url.

Thanks

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Hi. I added the code as stated in your advice above but the spacing is still there on mobile view.

 

0 Likes
Highlighted

Hello pillboxmalaysia,
Please share your site url and screenshot.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

Hi. Thanks for the prompt reply.

pillboxmalaysia_0-1604313774529.png

URL: www.mypillbox.myshopify.com 

 

Thank you!!!

 

0 Likes
Highlighted

Hello pillboxmalaysia,
Your site is password protected. Please share your store password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Generator" content="Microsoft Word 15 (filtered medium)" /><!--<br>/* Font Definitions */<br>@font-face<br> {font-family:"Cambria Math";<br> panose-1:2 4 5 3 5 4 6 3 2 4;}<br>@font-face<br> {font-family:DengXian;<br> panose-1:2 1 6 0 3 1 1 1 1 1;}<br>@font-face<br> {font-family:Calibri;<br> panose-1:2 15 5 2 2 2 4 3 2 4;}<br>@font-face<br> {font-family:"\@DengXian";<br> panose-1:2 1 6 0 3 1 1 1 1 1;}<br>/* Style Definitions */<br>p.MsoNormal, li.MsoNormal, div.MsoNormal<br> {margin:0cm;<br> font-size:11.0pt;<br> font-family:"Calibri",sans-serif;}<br>a:link, span.MsoHyperlink<br> {mso-style-priority:99;<br> color:blue;<br> text-decoration:underline;}<br>.MsoChpDefault<br> {mso-style-type:export-only;}<br>@page WordSection1<br> {size:612.0pt 792.0pt;<br> margin:72.0pt 72.0pt 72.0pt 72.0pt;}<br>div.WordSection1<br> {page:WordSection1;}<br><br>
0 Likes
Highlighted
New Member
5 0 0

Hi, I have sent the password to you via email. Appreciate your help!!

0 Likes