Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 4, 2016 at 7:50 am #559042
    charlotteraboff

    Hi,

    http://terranet.se/?page_id=3070
    1. On the mobile view I can only see part of the images, except for the first one.
    Why isn´t the images adjusted to the mobile view when I use fullwidth slider?

    2. Also text on mobile view
    Shouldn´t the text be same size in the mobile view? Or will H2 be bigger on mobile?
    It does not look so good with the different sizes of text on the mobile.

    Thanks
    Charlotte

    Mobile

    January 4, 2016 at 9:22 pm #559486
    Andy

    Hi Charlotte!

    1. You can control background image with this code:

    div#av_section_1 {
background-size: 100% 40%;
}

    Adjust it as needed.

    2. Which text exactly do you want to change it’s size?

    Cheers!
    Andy

    January 4, 2016 at 9:25 pm #559488
    Vinay

    Hey Charlotte!

    How are you today!

    1. Please add the image using Avia Layout builder > Media elements > Image
    Image
    The images will be fully responsive.

    2. To change the text size please login to wordpress backend as admin and goto > Enfold Options > Advanced Styling > Select an element to customize.

    Best regards,
    Vinay

    January 5, 2016 at 4:02 am #559720
    charlotteraboff

    Hi Vinay,

    1. As I said I am using the Avia Layout Builder and for most of the images the Color Section element but they don´t come up responsive…?
    Don´t you see that I am using the Avia Layout Builder?

    Hi Andy,
    1. Why do I need to add a code? The images should just be responsive, right?

    Charlotte

    January 5, 2016 at 10:51 am #559817
    Rikard

    Hi,

    Background images in Color Sections are set to COVER the containing element and won’t show exactly the same on all screen sizes. If you need more control over how they are displayed you could use additional CSS or create a new section and use an image better adapted for mobile sizes. You can show/hide the correct section using CSS. This might help you on the way if you should decide to go for the latter alternative: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Regards,
    Rikard

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