Change number of widgets per row in My Focus section

  • Hi, I have a problem in My Focus section , I have 6 “our focus widget” in my website and now they are all displayed in a row. However on mobile devices this section is not being responsive , all the widgets are overlapping when it being viewed on iphone

    Can I change the number of widget per row? I believe make it showing 3 items each row and use 2 rows would solve the issue.

    My site link is here here

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    I have checked your website and it seems that you have already make it in 2 rows.

    Regards,
    Gourav

    Thread Starter billyuatbcs

    (@billyuatbcs)

    Hi gouravwpetch,

    Thanks for checking. However this section still having responsive issues , these widget icons are overlapping each other when being viewed on a small screen devices. Is there any thing i should fix?

    Hello,

    Please install Simple Custom CSS plugin and add this code into it:

    @media screen and (max-width: 550px) {
.focus .container .row .col-lg-3 {
    width: 100% !important;
}
}

    This will help you.
    Regards,
    Gourav

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change number of widgets per row in My Focus section’ is closed to new replies.