How can I place the text over the photos instead of underneath on mobile version?

How can I place the text over the photos instead of underneath on mobile version?

camkaye
Excursionist
23 0 3

sheepdogbrewco.com

Replies 4 (4)

Zqdo
Shopify Partner
803 32 63

Took a look at your website. Which page or section are you trying to make this change on?

banned
camkaye
Excursionist
23 0 3

both "Our ready to drink" and "Coffee and bbq?"

Zqdo
Shopify Partner
803 32 63

You would have to make a couple changes in your code files to get this to work. Do you have any experience coding on Shopify?

banned

BSS-Commerce
Shopify Partner
3477 463 536

Hi @camkaye 

We're BSS Commerce - Shopify Partners & Experts providing Shopify apps and Store Development on Shopify & Shopify Plus.

You can follow these steps:

Step 1: At Shopify Admin, select Online Store -> Themes -> Edit code

BSSCommerce_0-1685953652139.png

 

Step 2: Find and open the theme.css . file

BSSCommerce_1-1685953660527.png

 

Step 3: Add this code at the end of the theme.css . file

@media only screen and (max-width: 769px) {
.text_over_image_cover {
display: flex !important;
flex-direction: column-reverse !important;
}
}

Step 4: Save

If this solution helps you, please mark the solution, thanks!

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency