Home Support Forums WordPress Visage Issue with IPad portrait version

This topic contains 4 replies, has 2 voices, and was last updated by  support 4 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8618

    simon
    Participant

    Hi,
    The adaptive mode for the IPad terminal in portrait version does not work very well with three columns. The columns should be full width when the resolution is 768px. Even using the visual composer tool for terminal adaptation, it does not work.

    Here is an image for you to view : https://www.dropbox.com/s/0xk4z2jb9flpckp/IMG_0587.PNG?dl=0

    Thank you.

    #8619

    support
    Keymaster

    Hello,
    add this custom code to the row of Visual Composer
    contact_page_respon_info
    http://puu.sh/wToDz/950b9d4cda.png

    and add this custom css to Visage Options -> General -> css code

    @media only screen and (max-width: 768px) {
    .contact_page_respon_info .vc_col-sm-4{float:none !important; width:100% !important;}
    }

    Thank You

    #8620

    simon
    Participant

    Hello,

    I have the same issue on few page. Can I also add this for theses pages?

    Thank you.

    #8621

    simon
    Participant

    Hello Again,

    Thanks for your code for the Contact Page, it works well. I applied this code on some pages that had the same problem and it worked well. Moreover, I have the Team page on which it can not work because the photos of people become much too large in a single column and in three columns the text is really too stuck. You will find a link below of a screenshot.

    Do you think you can provide me with a code that would display the content in two columns on the portrait resolution of the iPad?

    Thank you very much!

    https://www.dropbox.com/s/4mphln3bzq6l8br/Capture%20d%27%C3%A9cran%202017-08-01%2010.14.32.png?dl=0

    #8625

    support
    Keymaster

    Hello,
    try adding this code

    http://puu.sh/x0x4w/c67d8f2669.jpg

    custom class team_respons_horiz_fullwidth

    @media (min-width: 481px) and (max-width: 768px) {
    .team_respons_horiz_fullwidth{float:none !important;display:inline-block;width:60% !important;margin:0 20% !important;}
    }

    Do not forget to put a rating for the theme. This is very important for us.

    Best Regards

    • This reply was modified 4 months, 1 week ago by  support.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.