Columns layout issue in Safari (mac)

Tagged: ,

ThemeBurn SupportForumsOpenCart ThemesTechnopolis OpenCart ThemeColumns layout issue in Safari (mac)

This topic has been marked as resolved.

In Safari browser columns with icons are not in place, like on screenshot from recent install. Also you can see in on demo site of Technopolis theme.
Please tell, how to fix it?

January 27, 2017 at 3:14 pm #55890

Hi,

1) Open catalog/view/theme/BurnEngine/template/tb/widget/icon_list.tpl

2) Find this code row:

<ul class="tb_icon_list<?php echo $listing_classes; ?> clearfix">

3) Replace it with:

<ul class="tb_icon_list<?php echo $listing_classes; ?>">

BR,
ThemeBurn team

February 2, 2017 at 3:22 pm #56068

That code adds one more same class (it already contents class “clearfix”) and dont resolving problem.
As i sad, that issue appears in Safari only (Mac)

  • This reply was modified 2646 days ago by  Alex_Churs. Reason: parser removed sample code, so i add screenshot
  • This reply was modified 2646 days ago by  Alex_Churs.
February 6, 2017 at 11:28 pm #56141

Here is screenshot with part of code

February 6, 2017 at 11:32 pm #56144

Hi,

We will need the website url, admin and ftp access, so we can check.

You can use hidepost to share private information with the support staff.

BR,
ThemeBurn team

February 8, 2017 at 12:07 am #56187

I can share this info few days after (when upload to public server). But you can see this issue on your demo sites:
http://demo.themeburn.com/technopolis/1/
http://demo.themeburn.com/technopolis/2/

So, another users have same issue in Safari on Mac.
Could you post resolving code here? I presume, it will be css string only.

Please, add this fix to your next update of Technopolis theme

February 8, 2017 at 2:32 pm #56205

Hi,

The problem comes from that clearfix class and we’ve provided instruction how to remove here:

http://support.themeburn.com/topic/columns-layout-issue-in-safari-mac#post-56068

Please have in mind that you need to clear theme cache after modifying the template!

After your suggestion we’ve prepared a CSS fix as well:

.tb_grid_view.clearfix:before,
.tb_grid_view.clearfix:after
{
  content: none;
}

BR,
ThemeBurn team

February 8, 2017 at 6:28 pm #56214

It works, thank you!

February 9, 2017 at 10:52 am #56230

Glad we’ve helped, Alex :)

BR,
ThemeBurn team

February 9, 2017 at 5:43 pm #56235
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.