I am trying to get the logo on my site to overlap on the slider image. I have accomplished this, but whenever I scroll down, the logo remains overlapping the content, and continues to remain large. I also was hoping to have it slightly overlap on mobile, but I see it is remaining large when on mobile.
Can someone help me figure this out, please.
Here is the link: http://www.cogsandcorsetsil.yourmagicnew.site/
Hey trellyn,
Do you want a header like this: http://kriesi.at/themes/enfold-2017/ ?
Best regards,
John Torvik
Hello, John.
I would like there to be an overlap of the logo from the main nav bar on the slider area, but when I slide down it would look like the header on that page (logo inside the main nav bar). It would go back into the header area instead of overlapping on the slider area.
Once it is on Mobile, I would like it to look like a normal header area (logo inside the main nav bar).
Hey!
Please consider to hire a freelancer for that type of modification, to help you out with the process.
It is outside of our support policy, for such modifications it is better to hire someone to help you.
Regards,
Basilis
well i think you have to go deep in avia.js
because what you want is that the shrink amount of the header is less than that of the logo itself.
search for the function function avia_header_size()
to change the amount from 50% to f.e 10% it is ok ( and there are alot of discussions here on board)
but if that what you like to have is work for a normal support – i don’t know
if that is good enough? Link
but for behavior on responsive case – sorry i do not have the time to go here further