Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1054545

    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

    #1055214

    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

    #1055758

    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,

    #1056266

    Hi neli666,

    What animations are you referring to? Can you share the code with us?

    Best regards,
    Victoria

    #1057398

    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,

    #1057433

    Hi neli666,

    Please refer to Ismael’s answer here

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.