houseofnantes

I can see that . Now it is working perfect. I am glad I could help.

online dealer of antiques/vintage design furniture. Need a better PLP layout (categories with generic images ) "like a mega menu" and in the PDP : possibility to have a wishlist button instead of the add-to-cart for items of high value for which nor prices display nor real checkout function is sought (offline needs : customized transport quotation to be sent first to the client adn this latter will to "bargain " the price + requirements of selling to trusted buyers (identity check) due to anti-money laundering rules applying to the antiques dealer - at least here in Europe).

Ah ah! that is because I tried for my own website ( building it at present) a similar effect ( and I have not yet totally mastered to achieve what I want!). It seems there is one missing piece though : at present, your website still shows the small logo at start of loading the page. You should add in the css : homepage .header-title-logo, .homepage .header-mobile-logo a { opacity: 0; position: relative; top: 0; transition: all 0.3 s; } Then it should be as you wished it.

you need to add the Jquery library. in the Website level code injection either header or Footer (that shoudl be confirmed by someone like a circle member). <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

I see. Then use a Jquery Script 🙂 ajdust with the value thta would suit you best : I set 200 by exmple below... but maybe 100will be enough... do not know)- and of cours adjust the transition times. <script> $(window).scroll(function(){ var scroll = $(window).scrollTop(); if(scroll > 200){ $('header#header').addClass('showlogo'); } else{ $('header#header').removeClass('showlogo'); } }); </script> then update your CSS codes with maybe : .homepage .shrink .header-title-logo, .homepage .shrink .header-mobile-logo a { opacity: 0; position: relative; top: 0; transition: all .75s; } .homepage .showlogo .header-title-logo, .homepage .showlogo .header-mobile-logo a { opacity: 1; position: relative; top: 0; transition: transition: all .75s; }

Hi @orkoellis, I am not in any capacity an expert, but try to add at the end of your code (after your " top: 0;) transition: all 1.5s ease-in-out; or transition-delay: 1s;

I tried the Hide button of prices : it only hides the prices in the gallery section. The individual product file will still show the price and consequently the add to cart button.