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

    Hi,

    Please advise as to how I can get the full width easy slider to show all text and button on the mobile version of the site like it does on the desktop version. Please see the attached image for reference.

    Website is http://downwindguideservice.com

    Text pushed down on full width slider mobile

    #720745

    Hey Chris,

    Try adding this code in your Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:479px) {
      .home #full_slider_1 ul.avia-slideshow-inner {
        min-height: 300px;
      }
    
      .home #full_slider_1 ul.avia-slideshow-inner li img {
        height: auto;
        width: 640px;
        max-width: none;
        position: relative;
        left: 50%;
        margin-left: -320px;
      }
    }

    Hope this helps.

    Best regards,
    Nikko

    #721276

    Hi Nikko,

    Thanks for your response. Is there a way to vertically align the text and button for the sliders on the mobile version of the site? (The text and button are still at the bottom center of the slider. I am trying to get them to center center of the slider.)

    All the best,

    Chris Belote

    #722522

    Hi,

    The site looks good on my end: http://i.imgur.com/LIoEDUF.png
    You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Andy

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