Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 1, 2015 at 1:48 pm #512166
    s_areal

    Hi there. First of all i would like to tell everyone interrested that Enfold is a great theme with lots of customizations possibilities and I highly recommend it to anyone who wants a very good out-of-the-box solution with lots of further customizations. IMHO i think it should be packed with a more “open” Builder like Visual Composer instead of Avia Layout Builder. Not that i dont like ALB but VC can be extended with Addons – and for me that makes all the difference.

    My problem now:
    I´ve been working on a website and it´s ok but i totally forgot the mobile version of the website. Now i can´t find solutions to my problems and i would you guys could help me here.

    Question #1

    The page http://www.fiavit.pt/index.php/empresa/ and this one http://www.fiavit.pt/index.php/produtos/ uses the same layout concept. The main diference is that the first one use a Fullwith Easy Slider (and thats because i have 2 different images i want to show here) and the second page uses a color section ( just need 1 headline and a title here)
    It works great on desktop version of the website but in the mobile version the problem is I can´t make the image(s) on the Fullwith Easy Slider responsive – But actually the text is!

    The problem is that in the first link, in the mobile version, the image doesn´t grow and the text stays of the same size. I what both to behave the same. Can anyone please help me solving this issue?

    Question #2

    Color Section – Section Minimum Height
    Is there a way to define a custom % value here. For my layout it would result better to have something like 40% of “browser Window height” but the closest option are 25% or 50%. Why is there no option to define a Custom height in “percentage” like the one that exist for in pixels?

    Hope you can help me out.

    Thanks in advance
    Simao

    • This topic was modified 9 years, 6 months ago by s_areal.
    October 1, 2015 at 6:30 pm #512343
    Elliott

    Hi s_areal!

    1. They are responsive. The fullwidth easy slider when viewed on a smaller screen will adjust the height of the images so their aspect ratio is maintained and they do not need to zoom in or crop at all. Take a screenshot and highlight what your trying to do so we can get a better idea.

    2. There wouldn’t be any point for this. It’s a percentage of the screen height and screens come in all sorts of sizes so it’s still going to change for each user. If you want it to look the same on all screens then you will want to set a custom pixel value instead.

    Cheers!
    Elliott

    October 1, 2015 at 9:17 pm #512441
    s_areal

    Hi Elliott,
    Please see attached .pdf i just sent you by email. Think this is self-explanatory.

    Just let me know if you need something else.
    Cheers.
    Simao

    October 1, 2015 at 9:28 pm #512442
    s_areal

    Just realised i dont have you email address.
    please see uploaded file

    October 2, 2015 at 7:02 am #512571
    Ismael

    Hi!

    You can adjust the height of the slider but some parts of the images might NOT be visible inside the container:

    @media only screen and (max-width: 767px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
    height: 300px !important;
}

.avia-slideshow-inner img {
    min-width: 1000px !important;
}

.avia-fullwidth-slider {
    min-height: 300px;
}
}

    Best regards,
    Ismael

    October 2, 2015 at 12:05 pm #512704
    s_areal

    Hi Ismael,

    Its working fine.

    Thanks a lot
    Simao

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to turn Fullwith Easy Slider responsive?’ is closed to new replies.