Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 1, 2016 at 8:07 pm #719382
    chrisbelote

    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

    December 6, 2016 at 12:01 am #720745
    Nikko

    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

    December 7, 2016 at 12:44 am #721276
    chrisbelote

    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

    December 9, 2016 at 5:26 pm #722522
    Andy

    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

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