Solved

How can I add a line break in mobile slider text using Retina theme?

Gary_Looft
Tourist
14 0 1

I'm trying to edit the text on the slider to add a line break for mobile. What page do I find the code for putting a <br> in there for mobile only? Need it for both the heading and subheading. Using Retina theme.

IMG_48E511168C29-1.jpeg

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @Gary_Looft 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 729px){
#shopify-section-1626988574abf0338f .slideshow-slide__heading , #shopify-section-1626988574abf0338f .slideshow-slide__text {
	    width: 50%;
}
}

 

View solution in original post

Replies 4 (4)

Kinjaldavra
Shopify Partner
2302 570 1423

HELLO @Gary_Looft 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Gary_Looft
Tourist
14 0 1
Kinjaldavra
Shopify Partner
2302 570 1423

This is an accepted solution.

hello @Gary_Looft 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 729px){
#shopify-section-1626988574abf0338f .slideshow-slide__heading , #shopify-section-1626988574abf0338f .slideshow-slide__text {
	    width: 50%;
}
}

 

Gary_Looft
Tourist
14 0 1

Thank you!!! That did the trick.