Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1227229

    Hi, I´m having some responsive issues.
    Buttons are not showing on phones and tekst on top image are not shown right.
    Please help

    Alan;)

    #1227397

    Hey Alan,

    Could you post screenshots highlighting the problems please?

    Best regards,
    Rikard

    #1227419
    This reply has been marked as private.
    #1227824

    Hi Schmidtgrafisk,

    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

    
    /* full_slider_1  */
    @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: 260px;
    
      }
      #top .avia-slideshow-button { 
        margin-top: 0;
      }
      #full_slider_1 .avia-slideshow li img {
        width: 140% !important;
        max-width: auto;
      }
       .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
          padding-top: 0px;
      }
      .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title {
        font-size: 36px !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1228511

    Thanks, we are getting closer.
    The image gets an uneven horizontal scale, and looks wrong.

    Alan ;)

    #1228643

    Hi Alan,

    There is not a good way to scale the image for the screen sizes up to 479px while increasing the height. You can make a separate slider to be shown on mobile screens with images better sized to be shown on mobile.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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