[shaylaella]

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

[Mahesh]

@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

[shaylaella]

OMG, thank you. Perfect.

[Mahesh]

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

Regards,
Mahehsh

[Author]

Posts