Sticky Header not centered - Forum | JoomShaper
Solved Templates

Sticky Header not centered

Asked by Alex R. 4 months ago Last activity 3 months ago

Hello, I am using the barber template and having issues that the sticky header is not centered in the website.

The initial header is displayed correctly, however when a user scrolls the site, the sticky header aligns left instead of center.

Accepted answer

Marked as the solution
Atick Eashrak Shuvo Staff
4 months ago

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

@media (min-width: 992px) {
    #sp-header.header-sticky{
    display: flex;
    justify-content: center;
    max-width: 100%;

}

#sp-header.header-sticky .row{
    width:1850px
}
}

After applying the change, please make sure to clear both your Joomla cache and your browser cache to see the updated result.

Mehtaz Afsana Borsha Staff
3 months ago

Thanks for accepting the answer.

3 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 months ago

Hi,

Thank you for reaching out. The page appears to be rendering correctly on my end. Could you please let me know which screen resolution or device you are using when encountering this issue?

-Regards.

Alex R. Asked this
4 months ago

Hi Mehtaz, this is an issue on both my workstations, dual 2K (1440p) and dual 4K (2160p) screens, on Windows 11.

Mehtaz Afsana Borsha Staff
3 months ago · edited

Glad to know that its solved.

Log in to reply.