Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Everything looks good on desktop but when I switch to mobile the text on the hero section disappears as well as the dark overlay and I'm not sure how to fix this, I'd also like to have the button be on the image as well like on the desktop
Desktop
Mobile
Shop link: https://2bb416.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hi @castlefurniture It is not disappearing it is just moving down and as the text color and background color is white that's why the text is not visible on the mobile. I have changed the color of the background and I found the text.
Please see the result:
Also there should be the default option in the theme to have that text on the image in mobile as well.
Best Regards
Sahil
- Your
This is an accepted solution.
Hi @castlefurniture It is not disappearing it is just moving down and as the text color and background color is white that's why the text is not visible on the mobile. I have changed the color of the background and I found the text.
Please see the result:
Also there should be the default option in the theme to have that text on the image in mobile as well.
Best Regards
Sahil
- Your
Ok thank you for identifying the problem, I was using this code to remove the background from the text but it turns out there was a setting that removes it for the desktop view. So I removed the code now and it came back.
.slideshow__text.banner__box {
background: transparent;
}
There are no problems in desktop view, But I cant find an option in mobile to have it go on top of the image.
Hi @castlefurniture If you can't find any default option to have the button on the top of the image then you need to add the custom code in your theme to achieve this, without that it will not be possible.
If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
Yes please let me know the code for it
Hi @castlefurniture I need to look into the code file then only I can write the code that will work on your theme.
For looking into the code files I need to have the access of your theme files.
If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
How can I give you access to the theme files?
Hi @castlefurniture there are 2 ways you can provide the access,
Also can we move this conversation from here to whatsapp or email or private message in shopify whichever is suitable for you.
Best Regards
Sahil
- Your
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024