Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 2, 2018 at 12:45 pm #906826
    lindemarie

    Hi!

    Hope you can help me with this question from an earlier thead

    The button on the easy slider on the homepage isn’t visible on mobile… It is ‘descending’ I quess. Is there anything you can do to fix that? Maybe make the text-box wider?

    hope you can help me :-)

    maaike

    February 3, 2018 at 7:45 am #907177
    Rikard

    Hey lindemarie,

    Please try the following in Quick CSS under Enfold->General Styling to decrease the font size a bit on mobile:

    @media only screen and (max-width: 767px) {
.home .avia-caption-title {
  font-size:25px !important;
}

.home .avia-slideshow-button {
  font-size:18px !important;
}
}

    Best regards,
    Rikard

    February 6, 2018 at 11:13 am #908466
    lindemarie

    Hi Rikard,

    Thanks for your effort. Appreciate e it.

    I have added it, but still I don’t see the button.

    I have added a sceenshot for you to see.

    Can you look into it again for me?

    Thank you!
    Maaike

    February 6, 2018 at 12:01 pm #908512
    Victoria

    Hi Maaike,

    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: 479px) {
   .js_active .avia-slideshow li:first-child,
   .avia-slide-wrap, .avia-slideshow,
    .av_slideshow_full li img, 
    .avia-slideshow-inner {
    min-height: 220px;

  }
  .av_slideshow_full li img {
     min-width: 140%;
     margin-left: -60px;
  }
  #top .avia-slideshow-button {
      padding: 5px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 6, 2018 at 12:24 pm #908524
    lindemarie

    We’re getting somewhere :-)

    Button is visible.

    Only now the image is stretched…

    February 6, 2018 at 4:08 pm #908654
    Nikko

    Hi,

    Can you try to replace this part of Victoria’s code:

    .av_slideshow_full li img {
    min-width: 140%;
    margin-left: -60px;
}

    to:

    .av_slideshow_full li img {
    min-width: 140%;
    margin-left: -60px;
    min-height: 0 !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 6, 2018 at 4:29 pm #908662
    lindemarie

    Hi nikko,

    thanks!

    only now it isn’t high enough and I see whitespace below…. (see screenshot)

    sorry!!

    feel like I am a hair-splitter…

    February 6, 2018 at 4:45 pm #908672
    Nikko

    Hi,

    No worries :) try to replace the code I gave with:

    .av_slideshow_full li img {
    min-width: 160%;
    margin-left: -100px;
    min-height: 0 !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 14, 2018 at 6:10 pm #912403
    lindemarie

    thanks nikko!

    February 14, 2018 at 6:20 pm #912406
    Jordan Shannon

    Hi,

    I’m glad Nikko was able to help. Did you need further assistance or shall we close this thread?

    Best regards,
    Jordan Shannon

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