Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.
I'm using 'fixed on scroll' for header behavior. I'd like the logo to not be present when the screen is scrolled all the way up. The logo should appear only after the user starts scrolling down.
Additionally once it starts to scroll, I'd like the header area, to have a bit of a bigger height. Currently it is 60px, I'd like it to be 70px. What is the best way to edit this?
Unfortunately, such logo appearance can not be achieved using built in functionality since that logo is rendered in the Header Area and while using fixed on scroll that header just shrinks (does not change anything else apart from height), so workaround should be to use Sticky header functionality and than with some Custom Css it is really easy to hide logo from Main Header and let it appear in Sticky Header.
To change 60px for 70px height of the Header while scrolled you need to make some modification in js files. We did it for you and we are sending you 2 files attached, modules.js and modules.min.js that will change this functionality, just replace existing files in folder wp-content\themes\superfood\assets\jsand it should work as intended.
Please let us know if this solved the issue and if there is anything else we can do for you.
Thanks.
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
I'm using 'fixed on scroll' for header behavior. I'd like the logo to not be present when the screen is scrolled all the way up. The logo should appear only after the user starts scrolling down.
Additionally once it starts to scroll, I'd like the header area, to have a bit of a bigger height. Currently it is 60px, I'd like it to be 70px. What is the best way to edit this?
.eltdf-page-header .eltdf-sticky-header {
height: 60px;
Hello there,
Unfortunately, such logo appearance can not be achieved using built in functionality since that logo is rendered in the Header Area and while using fixed on scroll that header just shrinks (does not change anything else apart from height), so workaround should be to use Sticky header functionality and than with some Custom Css it is really easy to hide logo from Main Header and let it appear in Sticky Header.
To change 60px for 70px height of the Header while scrolled you need to make some modification in js files. We did it for you and we are sending you 2 files attached, modules.js and modules.min.js that will change this functionality, just replace existing files in folder wp-content\themes\superfood\assets\jsand it should work as intended.
Please let us know if this solved the issue and if there is anything else we can do for you.
Thanks.
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.