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
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