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

    the banner made with fullwidth easy slider is not coming out right on mobile

    it’s cut off so half the words can’t be viewed and the button cannot be viewed

    provided screenshots of desktop and mobile to see what is going on

    this is my first inquiry of this problem

    #895016

    Hey ShopFloorAutomations,

    Please provide a link to the site so we can look into this further.

    Best regards,
    Jordan Shannon

    #895043
    #895120

    Hi,

    Thanks for that. First off, could you try updating the theme to the latest version (4.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    #896213

    we updated and it did not fix the problem, sadly. need more input.

    #897744

    Hi,

    Is there any empty color section above the slider? You can do either of the following steps to fix the issue.

    1.) You can add another slider for mobile view. Use the full screen slider then adjust both sliders’ Screen Options to toggle their visibility.

    2.) Decrease the font size of the title and caption and increase the height of the slider. This will slightly distort the images.

    @media only screen and (max-width: 479px) {
        .responsive #top .slideshow_caption h2 {
            font-size: 13px !important;
        }
    
        .responsive #top .slideshow_caption .avia-caption-content {
            font-size: 11px !important;
            line-height: 12px;
        }
    
        .avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
            height: 60vh !important;
        }
    }

    Option number 1 is much more advisable.

    Best regards,
    Ismael

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