Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1296812

    I couple of weeks ago I had a problem with the text of them main slide (that was not possible to responsative on the mobil version).
    Check this topic:
    https://kriesi.at/support/topic/responsative-problem-with-the-slide-of-home/


    @Nikko
    , worked out the problem, but last Friday I change the photo and now the problem is coming back,

    Could you help me? Thanks.

    • This topic was modified 3 years, 5 months ago by hector1069.
    #1296865

    Hi hector1069,

    Thanks for putting the link as a reference which make it easier to work on it.
    The code I added is custom basically dependent on the image (as it text covers the face).
    I have modified this code:

    @media only screen and (max-width:767px) {
      #top.home #main #full_slider_1 .avia-slideshow-inner {
        height: 280px !important;
      }
    
      #top.home #main #full_slider_1 .slideshow_align_caption {
        padding-right: 120px;
      }
    
      #top.home #main #full_slider_1 .avia-caption-title {
        font-size: 28px !important;
      }
    
      #top.home #main #full_slider_1 .comhdossl {
        font-size: 24px !important;
      }
    
      #top.home #main #full_slider_1 img {
        height: 280px;
        width: auto;
        max-width: none;
        transform: translateX(-45%);
        left: 50% !important;
      }
    }

    to:

    @media only screen and (max-width:767px) {
      #top.home #main #full_slider_1 .avia-slideshow-inner {
        height: 280px !important;
      }
    
      #top.home #main #full_slider_1 .caption_container {
        width: 96%;
        max-width: 96%;
      }
    
      #top.home #main #full_slider_1 .slideshow_align_caption {
        padding-left: 48%;
      }
    
      #top.home #main #full_slider_1 .avia-caption-title {
        font-size: 16px !important;
      }
    
      #top.home #main #full_slider_1 .avia-caption-content font {
        font-size: 28px;
        line-height: 1;
      }
    
      #top.home #main #full_slider_1 .comhdossl {
        font-size: 24px !important;
      }
    
      #top.home #main #full_slider_1 img {
        height: 280px;
        width: auto;
        max-width: none;
        transform: translateX(-45%);
        left: 50% !important;
      }
    }

    Please review your site.

    Best regards,
    Nikko

    #1296931

    Hi, thanks a lot. Now, it is working.

    Best regards.

    Almudena.

    #1296987

    Hi Almudena,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsative Problem main slide’ is closed to new replies.