Switch Text and Image position on my home page

[LukaL]

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 

[paramSoft]

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

[LukaL]

anchorn.eu 

[paramSoft · 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;
}
}

[LukaL]

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 

[paramSoft]

On hover, what do you want to put there?

[LukaL]

Just another color if you know what i mean? 

[LukaL]

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

[paramSoft · 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;
}
}

[LukaL]

i wrote you a direct message :))