- This topic has 5 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
Hi,
Great theme. I am trying to have the logo overflow the nav menu ie. I have a big size logo that resizes the navigation bar too big.
I’d like to have the logo, overlay (I guess?), the nav bar so the height of the nav remains the same with both the big overlapping logo and the smaller sticky logo.
I’ve tried a few things but all seem quite messy coding, is there a clean way to this?
Thanks for your help,
Hi @nickjh82,
I hope you are well today and thank you for your question.
Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
Best regards,
Shufflehound teamHi,
Here is the example
What I’m after is a height transition between the big logo and the small logo also. Which is a further reason why I’d like the logo to be independent of the nav because the nav doesn’t transition.
The problem I see is that the small logo and large are two separate instances – does this make that difficult? If so would removing the template logo and inserting my own code make more sense? If an easier solution isn’t found, where could I put this code?
Thanks for your help
Nick
EDIT: I’ve found a work around for the nav bar by reducing padding of the menu items and it seems to be transitioning nicely now with the logo sitting over the top. – All I’d like to know is if it’s possible to transition the logo from big to small?
Thankyou.
It seems you forgot to add the URL in your reply.
Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
Hi, unfortunately I can’t share the link on the forum but the problem I’m trying to implement can simply be recreated by making the ‘stuck’ logo large and the ‘scroll’ logo small.
I’d just like to know if it’s possible to size transition between the two rather than in jumping from one size to another.
Thanks for your help,
Currently there isn’t any theme option to do this only for logo but you can do this for whole header from the header theme option “Header Dropdown Animation” as shown in the attached screenshot.
