How can I fix the disappearing text in the Dawn theme's mobile hero section?

Solved

How can I fix the disappearing text in the Dawn theme's mobile hero section?

castlefurniture
Excursionist
15 0 3

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

castlefurniture_2-1701319734030.png

 

 

Mobile

castlefurniture_3-1701319772838.png


Shop link: https://2bb416.myshopify.com/

 

Accepted Solution (1)

sahilsharma9515
Shopify Partner
1206 156 233

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:

sahilsharma9515_0-1701330026303.png

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Replies 7 (7)

sahilsharma9515
Shopify Partner
1206 156 233

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:

sahilsharma9515_0-1701330026303.png

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


castlefurniture
Excursionist
15 0 3

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.

sahilsharma9515
Shopify Partner
1206 156 233

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


castlefurniture
Excursionist
15 0 3

Yes please let me know the code for it

sahilsharma9515
Shopify Partner
1206 156 233

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


castlefurniture
Excursionist
15 0 3

How can I give you access to the theme files?

sahilsharma9515
Shopify Partner
1206 156 233

Hi @castlefurniture there are 2 ways you can provide the access, 

 

  1. You can provide the access of on my email or
  2. You can provide the shopify store URL(your store name/URL.myshopify.com) so that I can send you the Collaborator 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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️