Support Forums

Support Online : 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.

Limited Support

Due to holidays, general forum support will be delayed or unavailable from June 24, 2017 to July 02, 2017.

Regular operations will be resumed on July 03, 2017.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Shibbir

Shibbir

Total Accepted Answers: 50
Toufiq

Toufiq

Total Accepted Answers: 46
Arun Sasi

Arun Sasi

Total Accepted Answers: 10
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 7

Newsletter

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