Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 24, 2019 at 8:15 am #1103865
    Pas7o

    Hi, this is my website on mobile:

    mobile

    This screenshot was made with an iPhone X on vertical view.

    And this is my website on desktop view.

    The first section is a slidershow.

    I can see the button only on mobile horizontal view. Not on vertical view.

    It’s possible be the screenshot more large? Thanks.

    May 27, 2019 at 5:46 pm #1104565
    Pas7o

    UP

    May 28, 2019 at 6:14 am #1104695
    Rikard

    Hi,

    Thanks for the screenshot and link, I’m not sure exactly what you are looking to change though. Do you want to remove the buttons on mobile devices?

    Best regards,
    Rikard

    May 28, 2019 at 8:30 am #1104737
    Pas7o

    I don’t see “Leggi” button on vertical mobile view! This is the problem!

    June 1, 2019 at 3:59 am #1105918
    Rikard

    Hi,

    Thanks for the clarification, I get the same problem on my end. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
.home .avia-slideshow-inner {
  height:200px !important;
}
}

    Best regards,
    Rikard

    June 1, 2019 at 11:14 am #1106037
    Pas7o

    Hi, I tried to set the height value to 400px but the button doesn’t appear! Maybe We must try on code button to show it on mobile?

    June 2, 2019 at 5:05 am #1106262
    Rikard

    Hi,

    You have active caching and minification on the site, could you try to clear and turn that off please? Also make sure to delete the old CSS and JS files under Enfold->Performance.

    Best regards,
    Rikard

    June 3, 2019 at 2:49 pm #1106712
    Pas7o

    I did it with W3 Total Cache but nothing has changed.

    June 4, 2019 at 11:28 am #1106996
    Victoria

    Hi Pas7o,

    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){
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;

  }
  #full_slider_1 .avia-slideshow li img {
    width:200% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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