What We Do Section In Safari

[Nick H]

Hello Themelooks Support,

If you check out my site https://fastfixcomputerrepair.com/ in Safari the “What We Do” ours is labeled “Mesa Computer Repair Services” section is not displaying correctly.

It works in Chrome, Opera, etc but not Safari.

Please advise.

Thank you!
Nick

[ThemeLooks Support Team]

Hi Nick,

Please provide a screenshot of your issue to review.

Best Regards,
ThemeLooks Support Team

[Nick H]

Please see links to screenshots below.

How it should look. http://tinypic.com/view.php?pic=29gilxw&s=9

How it looks in Safari. http://tinypic.com/view.php?pic=1zd85d1&s=9

[ThemeLooks Support Team]

In this issue, please use the custom CSS below to fix the issue.

.services--section > .container > .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

Best Regards,
ThemeLooks Support Team

[Nick H]

Thank you for being responsive.

I entered the code you provided in WPBakery Custom CSS for that page and received the following output.

http://tinypic.com/r/35db5mv/9

[ThemeLooks Support Team]

Hi Nick,

The code was a tested code. Please try to use the code in the Appearance -> Editor

Best Regards,
ThemeLooks Support Team

[Nick H]

Understood.

What file in editor am I placing this in?

[ThemeLooks Support Team]

You could put the code in the style.css file.

Best Regards,
ThemeLooks Support Team

[Nick H]

That worked. It’s fixed.

Thank you for the great support!

[ThemeLooks Support Team]

Please don’t forget to give us ‘rating and review’ (on https://themeforest.net/downloads ), if you like our theme and our support too. It will give us inspiration and make us more ‘happy’ to support.

Best Regards,
ThemeLooks Support Team

[Nick H]

I just noticed today that in a mobile layout, this section is no longer stacking. It’s only showing the center button “View Sevices”.

Any ideas?

[ThemeLooks Support Team]

Hi Nick,

Please provide a screenshot of the issue to review.

Best Regards,
ThemeLooks Support Team

[Nick H]

Here you go. This is on an iPhone X.

http://tinypic.com/view.php?pic=2vt893c&s=9

It’s also causing Mobile Usability issues with Google.

•Clickable elements too close together
•Content wider than screen

[ThemeLooks Support Team]

In this issue, please use the custom CSS below to fix the issue for the responsive devices.

@media screen and (max-width: 991px){
  .services--section > .container > .row { 
    display: block;
  }
}

Best Regards,
ThemeLooks Support Team

[Author]

Posts