Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 17, 2017 at 12:17 am #107230
    shaylaella
    Participant

    Hi,

    I have a featured content slider on the homepage, featuring 8 slides in the 4 column view. It works beautifully until screen width is less than 768px. At that point the third slide doesn’t load in the correct location and pushes the fourth slide down–but only happens for the first cycle of the slider. Any idea why or what I can do to fix this?

    http://buddysystem.ca/

    Thanks,
    Shayla

    January 17, 2017 at 9:33 am #107236
    Mahesh
    Participant

    @shaylaella: Its because of the text content. You have more text in the first content that has pushed the lower content that’s why it moved to the left and caused the design issue.
    For fix with Custom CSS, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media screen and (max-width: 767px) and (min-width: 520px) {
    #featured-content .featured-content-wrap .hentry {
        min-height: 380px;
    }
}

    Regards,
    Mahesh

    January 17, 2017 at 9:53 pm #107290
    shaylaella
    Participant

    OMG, thank you. Perfect.

    January 18, 2017 at 10:29 am #107329
    Mahesh
    Participant

    @shaylaella: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahehsh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Featured Content in Mobile View’ is closed to new replies.