Sticky Menu Width Issue - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Sticky Menu Width Issue

DE

Dan Ellmore

SP Page Builder 4 months ago

I am working on a site for a client - http://www.ellmoregroup.com/tomovenden/index.php

But when you scroll down on the page the sticky menu is not the same width as the page it is wider? I think it may be a problem with the custom coding in the CSS but I am not 100% sure.

The Custom CSS has the following coding in it:

sp-header-topbar .container-inner {

border-bottom: 2px solid #af272f;

border-top: 2px solid #af272f; }

.layout-boxed .body-innerwrapper { background: #003082; border: 10px solid #af272f; }

div#sp-logo { text-align: center; }

sp-top-bar {

background: #003082;
color: #af272f;
border-bottom: 10px solid #af272f;

}

section#sp-social { text-align: center; margin-top: 20px; }

sp-header {

background: #ffffff;
border-bottom: 2px solid #DD5354;

}

sp-header.header-sticky {

position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
animation: spFadeInDown1.0s;
max-width: 1236px !important;

} ul.social-icons { font-size: 50px; }

0
3 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 months ago #195728

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Add this css code inside the custom.css file.

#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    animation: spFadeInDown1 .0s;
    max-width: 1220px !important;
    right: auto;
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
DE
Dan Ellmore
Accepted Answer
4 months ago #195729

Many thanks this has worked perfectly

Dan

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 months ago #195731

You are most welcome! We appreciate your feedback and are delighted to hear that you're satisfied with our service.

To officially close this forum post, mark it as accepted. If you have any more questions or need further assistance in the future, please don't hesitate to reach out to us.

As for writing a review about our product and support quality, we would greatly appreciate it! Your feedback helps us improve and serves as a valuable reference for others. Please take a moment to share your thoughts about your experience with our product and the support you received. Your input is valuable to us and the community. Thank you in advance for your time and support.

Joomla Extension Directory

JED.png

TrustPilot

Trust-Pilot.png

We're here to assist you with any further questions or requests you may have. Once again, thank you for choosing our product and for being a part of our community.

Best regards,

Toufiqur Rahman

Team Lead, Tech Support (JoomShaper)

0