Solved

How do I remove the white space below my header on my mobile account?

Valerie_Adj
Excursionist
17 1 4

I've been struggling for weeks with this empty white space below my banner on my mobile version of my store, tianabayboutiques.com

That space is not there on the desktop. How do I go about removing it?

Please and thank you

Accepted Solution (1)
Valerie_Adj
Excursionist
17 1 4

This is an accepted solution.

@diego_ezfy 

Oh My! Thank you so very much! This helped!

And I'm sorry for accidentally calling you Diego. I'm not sure where my mind went at the moment.

Thank you again!!!

 

View solution in original post

Replies 18 (18)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Valerie_Adj 

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

i have check this issue but i can't see if possible to provide further screenshot. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Valerie_Adj
Excursionist
17 1 4

Absolutely!

B3C6ABED-8202-44F7-81F5-32852985DF6F.png

diego_ezfy
Shopify Partner
2935 562 883

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

Valerie_Adj
Excursionist
17 1 4

Hi Diego,

My store link is www.tianabayboutiques.com. There is no password on my store.

Thank you!

diego_ezfy
Shopify Partner
2935 562 883

@Valerie_Adj 

Thank you, please try this:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media only screen and (max-width: 740px){
    [id] .flex-caption.slide-1590632797002-0 {
    padding: 20% 0 0 0 !important;
}
}

</style>


Let me know whether it works.

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

Valerie_Adj
Excursionist
17 1 4

This is an accepted solution.

@diego_ezfy 

Oh My! Thank you so very much! This helped!

And I'm sorry for accidentally calling you Diego. I'm not sure where my mind went at the moment.

Thank you again!!!

 

diego_ezfy
Shopify Partner
2935 562 883

Hello,

You're welcome and that is alright! Kindly make sure to click on the button "Accept as solution" below my answer. 

Wishing you a lovely weekend,

Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

arcform
Tourist
28 0 1

Hi,

How do i fix this on the minimal theme?

I also have a large white space where the menu would be on my mobile version.

www.studioarcform.com

Any help much appreciated.

 

Jenny

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @arcform 

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

Please share your issue screenshot.
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

darosemond
Visitor
2 0 1

I am having the same issue with the white bar across the top of the mobile layout.  My sire is www.shimmerandshineglamdippowder.com.  Can you help me?

KetanKumar
Shopify Partner
36839 3635 11972

@darosemond 

Thanks for post 

can you please provide further issue screenshot 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
darosemond
Visitor
2 0 1
Hi I have it fixed now. Thank so much!
jordannm
Visitor
1 0 1

Hi I am having the same problem with my a white spacing between my header and picture, this is only on mobile. Site is jordsjewels.com

KetanKumar
Shopify Partner
36839 3635 11972

@jordannm 

this is fine for you?

KetanKumar_0-1611233591048.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
emgray9
Tourist
6 0 2

Hey, the same is happening to me but on desktop. Can you help? 

https://ogonewyork.com/Screenshot 2021-02-17 at 11.04.25.png

KetanKumar
Shopify Partner
36839 3635 11972

@emgray9 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
emgray9
Tourist
6 0 2

I'm checking in google chrome and also safari on iMac but also the client who owns the website has flagged too so must be seeing it their end.  

KetanKumar
Shopify Partner
36839 3635 11972

@emgray9 

maybe you have user viewpoint height css code can you please use theme default code also check this issue with your original theme?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing