Logo Link Affecting Module In Topbar - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Logo Link Affecting Module In Topbar

DB

Dan Bryan

Template 5 months ago

Hi, I don't know if this is template related but the link associated with the logo is affecting the search module in the topbar:

https://phpstack-784091-5512089.cloudwaysapps.com/

I'd be grateful for any advice.

Thank you

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #193305

I'm not you, but as a fast solution, I would cheat the system by using this:

#sp-top1 {z-index: 911;}

Higher layer than logo has.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #193304

Hi Dan,

indeed, but to be honest you made that mess using Custom CSS, and margin-top. Look & rethink code concept.

info_2852_2025.jpg

0
DB
Dan Bryan
Accepted Answer
5 months ago #193308

Hi Paul

Thank you, that worked.

I'm not sure how the custom CSS caused the problem - I realise this is beyond support but I'd be grateful for your advice so I can avoid this in future - the logo is is the header row below the top-bar, how did changing the logo's top margin extend the link to the row above it?

Would there have been a better way to move the logo down the page?

Thanks for your advice

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #193317

next time instead of margin, consider using position: absolute; with top, left etc. - yes, CSS lessons are beyond our support.

but z-index - is totally OK if works.

You're welcome.

0