Header fix

[mical71]

Hi,

 

I would like to ask you for your help with fixed header. I installed this plugin https://mypresta.eu/modules/front-office-features/fixed-sticky-header.html to my websites http://mmarts.cz/retroshop/ and it´s not working fluently and well on short pages like http://mmarts.cz/retroshop/napiste-nam

 

Can you help me how can I do it more like www.walmart.com ? To show top menu fluently and calm?

 

Thank you very much, best regards,

 

Michal

[Daresh]

When switching the header to sticky, you should also take care of the main content's offset, if not you'll end up with a jump effect like the one you have now. And regarding the contact page - it's not long enough, sticking the header shoud be turned off if doument is not long enough.

[vekia]

for what puroses you want to use sticky header for page that does not have enough height to activate browser's scroll feature ? sticky header is active only when you have to scroll page, if there are no scroll - header will be normal.

 

but the key thing is "and it´s not working fluently" - lets clarify what you mean by this, from what i see fixed header works properly if page has scrolling

[zoran23]

Hi there, your module works nicely on presta shop 1.6.1.3 on all pages,

On presta 1.7.1.1 works good everywhere but not on this page.

http://presta7.webbtryckeri.com/index.php?controller=authentication&back=my-account

Check this link place and  let me know if it works on your presta shop 1.7.1.1 on the same page.

 

Thank you in advance.

Zoran

[genweb]

Sorry, wrong topic

Edited May 1, 2017 by genweb (see edit history)

[mical71]

Hi,

 

thank you for your comments. The problem is on these short pages http://mmarts.cz/retroshop/content/5-bezpecne-zpusoby-platby , http://mmarts.cz/retroshop/napiste-nam , http://mmarts.cz/retroshop/content/4-o-nas 

 

I have 13" notebook and there is scroll bar for these pages. And I can´t get to the bottom of the page (to the footer links) because it still try to show fixed menu / don´t show. Effect is that is scrolling up and down.

 

Some idea how to fix it? How can I turn it off for some pages?

 

Thanks, Michal

[zoran23]

Hi Michael ,

 

Thank you for your reply.  I actually replaced your code in file fixedheadr.js with this one

 

var  mn = $(".header-top");

    mns = "header-top-scrolled";

    hdr = $('header').height();

 

$(window).scroll(function() {

  if( $(this).scrollTop() > hdr ) {

    mn.addClass(mns);

  } else {

    mn.removeClass(mns);

  }

});

 

I also replaced CSS in file fixedheader.css with this one:

.header-top{

  background: #fff;

  z-index: 150;

}

 

.header-top-scrolled {

  position: fixed;

  width: 100%;

  top: 0;

  box-shadow: 0 2px 3px rgba(0,0,0,.4);

}

 

I needed my Header top to be stycky that is why I used this heard-top class.

You can see result here:

http://presta7.webbtryckeri.com/index.php

And short pages are not shaky any more, you can see it here:

http://presta7.webbtryckeri.com/index.php?controller=authentication&back=my-account

 

Thanks for this module and for button scroll to top. As you can see I have installed this one as well.

 

Regards

Zoran