Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Need to adjust logo position in sticky header

Featured Lock Resolved Task
This is my site: https://kingdomgems.com/, using Spectrum template.

i would like to 1) center the logo image align with the menu and 2) adjust the logo position in sticky header. It should be closer to the top from the current position, and be contained in the sticky header. I tried to do that with margin-top: -10px but it is hidden under the header, also tried z-index: 9999 but that did not help.

Please advise,

Bill Tran

3 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your queries. I found you are using a little wrong layout. You can't use same name for more than one section in layout. Also there is no default layout like that in Spectrum template.
1) Please use this css into your custom css to make the logo center.

#sp-header .logo {
margin-left: 20px;
}


2) It's not possible in this layout.

You can check this instruction from this link https://www.joomshaper.com/forums/logo-in-the-center-of-the-page#reply-84324
But this won't make the logo sticky.

Note: custom support is beyond our support range.

-Best Regards

binhvirile

More than a month ago #Permalink
Hi,
Thanks for your queries. I found you are using a little wrong layout. You can't use same name for more than one section in layout. Also there is no default layout like that in Spectrum template.
1) Please use this css into your custom css to make the logo center.

#sp-header .logo {
margin-left: 20px;
}


2) It's not possible in this layout.

You can check this instruction from this link https://www.joomshaper.com/forums/logo-in-the-center-of-the-page#reply-84324
But this won't make the logo sticky.

Note: custom support is beyond our support range.

-Best Regards


Thank you for your response. I achieved the sticky logo by following a topic in this forum, which showed to add #sp-logo to the if statement in the main.js file. That's why I believe the logo is sticky. The only thing is the logo is underneath the header and z-index is not the way. Any suggestions?

Sifat - Staff

More than a month ago #Permalink
Hi,
Actually the logo won't get the same height as the menu. Since both the section name is the same.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 106
Sifat

Sifat

Total Accepted Answers: 59
Toufiq

Toufiq

Total Accepted Answers: 49
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 20
Ofi Khan

Ofi Khan

Total Accepted Answers: 13

118

Templates

303597

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us