Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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!!!
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.
Absolutely!
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
@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.
This is an accepted solution.
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!!!
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
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.
Any help much appreciated.
Jenny
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.
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?
Thanks for post
can you please provide further issue screenshot
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
this is fine for you?
Hey, the same is happening to me but on desktop. Can you help?
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?
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.
maybe you have user viewpoint height css code can you please use theme default code also check this issue with your original theme?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024