Switch Text and Image position on my home page

Solved
Explorer
110 0 7

Hello does someone know how to switch this positions http://prntscr.com/vqxcn9 ? 

Only on my mobile version 

anchorn.eu

Theme: Broadcast

Thanks a lot and best regards,

Luka 

0 Likes
Shopify Partner
1115 181 456

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Explorer
110 0 7

anchorn.eu 

0 Likes
Shopify Partner
1115 181 456

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (max-width: 500px) {
 .image-with-text-wrapper {
 -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.image-with-text__text {
order: 2;
}

.image-with-text__image {
order: 1;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Explorer
110 0 7

Thanks a lot can you just maybe help me with one more thing? http://prntscr.com/vqynli i would add here a hover function on the collection list? do you know how?

 

thanks lot and best regards,

Luka 

0 Likes
Shopify Partner
1115 181 456

On hover, what do you want to put there?

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Explorer
110 0 7

Just another color if you know what i mean? 

0 Likes
Explorer
110 0 7

The problem now this part http://prntscr.com/vqyqr9 switched to position is it possible to make it only for one part? 

0 Likes
Shopify Partner
1115 181 456

This is an accepted solution.

PLease replace my css with this one 

@media only screen and (max-width: 500px) {
#shopify-section-1606434658662  .image-with-text-wrapper {
 -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
#shopify-section-1606434658662 .image-with-text__text {
order: 2;
}

#shopify-section-1606434658662 .image-with-text__image {
order: 1;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Explorer
110 0 7

i wrote you a direct message :))

0 Likes