Hello Support,
Im have a page that needs to be build this way and im trying to make the images on the left not visible to mobiles. i tried by disabling the column in mobiles but it doesnt save the option or disable it from viewing to mobiles.
the page is this one http://tonyspita.co.uk/book-table-reservation/
the column to the left containing the 3 images is the one that i would like to not be visible in mobiles. thank you
Hey neli666,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
.flex_column.av_one_half.avia-builder-el-3 .avia-image-container-inner {
display: none;
}
.flex_column.av_one_half.avia-builder-el-3 .hr.hr-invisible {
height: 0px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello,
Thank you for that, customs css worked under theme.
I have another question, i made few animation on the homepage, arent they supposed to show on mobiles aswell or just desktop. i tried on my phone but i dont see any animation.
Kind Regards,
Hi neli666,
What animations are you referring to? Can you share the code with us?
Best regards,
Victoria
hello,
Just the basic animations offered by the theme, i mostly used the pop up animation in few of the colums or rows. You can see on the homepage
Regards,
Hi neli666,
Please refer to Ismael’s answer here
If you need further assistance please let us know.
Best regards,
Victoria