Text on landing page is not showing on mobile

[gihan7575]

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/

[MandasaTech · Accepted solution]

Hello @gihan7575 

I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :

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

[MandasaTech · Accepted solution]

Hello @gihan7575 

I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :

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

[gihan7575]

It worked. Thanks for your help.

[willroberts]

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. 

[GemPages · Accepted solution]

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:

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid: 

<style>
	@media only screen and (max-width: 749px){
		body.template-index .slideshow__title, body.template-index .slideshow__subtitle {
			display: block !important;
		}
	}
	
</style>

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[gihan7575]

This works as well, thanks GemPages