Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How do I fix clearfix browser issue so that it stops happening in the header space of the article?

Featured Lock Resolved Bug
If I click on a HikaShop item and add it to my cart I get very strange spacing that varies in height on all my second level items, like articles and the shopping cart check out if I go back to it. When I inspect the code (screen shot included) I get a class defined as "article subpage ltr preset1 menu-our-story responsive bg hfeed clearfix" but I can't find it to fix it. If I clear all my cache ou from my browser, it goes away UNTIL i click another item in the HikaShop and then the header grows (see the second screenshot). after I clear out the cache (see the third scree shot titled normal) header spacing returns to what is defined in the CSS. Where do I go to correct this so that it stops happening?

Attachments (4)

  • clearfix_space.JPG
    clearfix_space.JPG 164.9 KB
  • clearfix_space2.JPG
    clearfix_space2.JPG 130.1 KB
  • normal.JPG
    normal.JPG 46.6 KB
  • normal with code.JPG
    normal with code.JPG 136.1 KB

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Mike,
I will check it, give me several minutes.
--
BTW
Ice-creams on photos looks Awesome.

Paul Frankowski - Staff

More than a month ago #Permalink
I found a quick & working solution, reason why it happen not yet.
---
Inside custom.css please add:

body.subpage { padding-top: 0 !important; }

Paul Frankowski - Staff

More than a month ago #Permalink
BTW
I think Contact Us or Location page (with map) should be on main menu (1 level , not hidden in submenu) - it may help you business grow. If you need more UX tips let me know.

cdiaux

More than a month ago #Permalink
The custom.css add of "body.subpage { padding-top: 0 !important; }" didn't work. Actually it made the space grow. (See screen shot) as it put the size of the gap into the 400's.

Attachments (1)

  • didntwork.JPG
    didntwork.JPG 142.6 KB

Paul Frankowski - Staff

More than a month ago #Permalink
maybe try

body.subpage {
padding-top: 80px !important;
}

On my simulation it helped. Chrome/Firefox. Remember to clear browser cache.

Attachments (1)

  • 80.png
    80.png 56.8 KB

cdiaux

More than a month ago #Permalink
That did it - Thank you sir!:D


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 105
Shibbir

Shibbir

Total Accepted Answers: 40
Toufiq

Toufiq

Total Accepted Answers: 40
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 13
pepperstreet

pepperstreet

Total Accepted Answers: 3

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam