As you can see, there is an issue with the website being mobile optimized. I want the text above the button to be seen on both mobile and PC. my website is https://lobonewyork.com/
Topic summary
A user reported that text above a button on their landing page (lobonewyork.com) was not displaying on mobile devices, though it appeared correctly on desktop.
Solutions Provided:
Two community members offered CSS code fixes to be added before the </body> tag in the theme.liquid file:
- MandasaTech provided custom CSS targeting slideshow title and subtitle elements
- GemPages identified that the theme’s CSS was hiding the text on mobile and offered an alternative solution
Outcome:
The original poster confirmed both solutions worked successfully.
Ongoing Issue:
A different user (willroberts) reported the code fix only works in landscape mode on mobile, not in portrait orientation, indicating the solution may need further refinement for complete mobile responsiveness.
Hello @gihan7575
I would like to give you a solution to support you:
- Go to Online Store-> Theme-> Edit code
- Open your theme.liquid theme file
- Paste the below code before :
<style>
@media only screen and (max-width: 749px){
.slideshow__title, .slideshow__subtitle {
display: block !important;
}
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
1 Like
It worked. Thanks for your help.
Hello @gihan7575 ,
Glad to support you today.
I checked your page on Mobile and found the Text hidden is due the Theme add CSS code to hide:
To can show that text on mobile, you can check out my suggestion below to make it:
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
I hope you find the answer helpful.
Kind & Best regards,
GemPages Support Team.
1 Like
This works as well, thanks GemPages
Hi,
I have added this code and it still does not show up on mobile when it is in portrait mode but does when it is landscape.