Hello!
Is there a way to have some columns not responsive?
In some cases I don’t want columns to stack on each others on mobile but I’d like them to stay side by site at all times..
Enfold 3.0 ROCKS!
Thanks!
Hey Ignazio!
Thank you for using Enfold.
This will take a lot of customization but if the columns are inside a Color Section, you can assign a unique id on the section. Use this id plus the column selectors to change the width of the specific columns inside the color section on mobile devices. If you can give us a link to the actual page, we would like to inspect it.
Best regards,
Ismael
Oh that sounds like a great trick!
Here are the elements I don’t want to stake on mobile http://glui.me/?i=kko7oxp8q4de8dj/2014-10-13_at_7.02_AM.png/
And here is the page http://tastymakes.com/shop/barbites/suberberry-barbites/
Unfortunately I’m not allowed to use color sections on product pages but maybe there is another way around this…
Thank you so much for the support!
Igi
Hi!
Thank you for the update.
Please try this on Quick CSS:
.main_color .summary div .flex_column.av_one_fourth {
width: 25% !important;
}
#tab-description .flex_column.av_one_fifth {
width: 15.2%;
margin-left: 6%;
}
#tab-description .flex_column.av_one_fifth:first-child {
margin-left: 0 !important;
}
Cheers!
Ismael
Thanks! That work like a charm for the 5 columns, but is causing some weirdness up top
http://tastymakes.com/shop/barbites/suberberry-barbites/
http://glui.me/?i=u20iswogw7ga060/2014-10-14_at_6.56_AM.png/
Thank you so much for you help!
I’ve actually figure out!
THANK YOU!