Shopify themes, liquid, logos, and UX
I need help with my debut theme I've edited the code so that the text appears on the slide in the mobile version like it does on the desktop version but the back drop that is on the desktop view doesn't show on the mobile version photos will be below to show what I mean can someone advice me on how to make them the same please
Solved! Go to the solution
This is an accepted solution.
can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.slideshow__overlay::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--color-image-overlay);
opacity: var(--opacity-image-overlay);
z-index: 2;
}
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
thanks for url but your store is password protect
The password is don223
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?
On my mobile using safari it doesn’t work as shown below
This is an accepted solution.
can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.slideshow__overlay::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--color-image-overlay);
opacity: var(--opacity-image-overlay);
z-index: 2;
}
this worked thank you so much
its my pleasure to help us
We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024