Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #107236
    Mahesh
    Keymaster

    @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

    #107290
    shaylaella
    Participant

    OMG, thank you. Perfect.

    #107329
    Mahesh
    Keymaster

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

    Regards,
    Mahehsh

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