Services Section Not Allowing 4 Services

Home Forums Parallax Me Forum Services Section Not Allowing 4 Services

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #54404
    David
    Member
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: February 29, 2016

    When trying to add a 4th service, the services wrap to two lines, with 2 services below the first two. This happens even with the browser open very wide. How can I get 4 services to show instead of the default of 3?

    #54406
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23434
    • Total: 23434
    Member since: August 16, 2013

    Hi David,

    Kindly show us your website URL.

    Regards,
    Dave

    #54470
    David
    Member
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: February 29, 2016

    http://www.ultimatesearchassociates.com/

    Scroll down to the services section on the homepage

    #54502
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23434
    • Total: 23434
    Member since: August 16, 2013

    Hi David,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .container .five.columns{width:23% !important;}

    Regards,
    Dave

    #55371
    David
    Member
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: February 29, 2016

    Hi, this works for the desktop but on the mobile layout, it does not work. On mobile, the icons bunch up onto each other and are unreadable. Do you have a fix for the mobile layout?

    #55400
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23434
    • Total: 23434
    Member since: August 16, 2013

    Hi David,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    @media screen and (max-width:479px){
    .container .five.columns{width:auto !important;}
    }

    Regards,
    Dave

    #57539
    David
    Member
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: February 29, 2016

    This helped but the images are not centering. They seem to be left justified.

    http://www.ultimatesearchassociates.com/

    Scroll down to the services section on the homepage

    #57605
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23434
    • Total: 23434
    Member since: August 16, 2013

    Hi David,

    Kindly add this code in custom css box:

    @media screen and (max-width:768px){
    .container .five.columns{display: block; float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important;}
    }

    Regards,
    Dave

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