Services Section Not Allowing 4 Services

[David]

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?

[Sonal S Sinha]

Hi David,

Kindly show us your website URL.

Regards,
Dave

[David]

http://www.ultimatesearchassociates.com/

Scroll down to the services section on the homepage

[Sonal S Sinha]

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

[David]

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?

[Sonal S Sinha]

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

[David]

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

[Sonal S Sinha]

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

[Author]

Posts