Mobile site hero image disproportional with Web

Hello Experts,

I have an issue before launching my store, where the hero image for my site is displayed correctly via web browser, but awkwardly positioned when I open the website via mobile.

If anyone can provide me with a fix, I would appreciate it. Also - the website is using Shopify Taste theme.

Hi @Dogchelin ,

This is David at SalesHunterThemes.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL
if your website is password protected then also provide the password.
David | SalesHunterThemes team.

Hi @Dogchelin

Image is resize to fit mobile device but if you want image appear the same on desktop, please share your store URL so I can check

Sure, my website is dogchelin.com and password is wontam

Please add this CSS code at the bottom of your base.css file to solve the issue

.slideshow__text-wrapper .slideshow__text:empty { display: none !important; }

1 Like

Hi @omero ,

You can try to follow these steps:

Go to Online Store β†’ Themes β†’ Actions β†’ Edit code.

Go Assets folder β†’ theme.liquid file.

Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Hopefully, this proves useful.
David | SalesHunterThemes team

Hello @Dogchelin

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.slideshow__text-wrapper {
    display: none;
}

The result

Hope it helps!