Sticky Header Not Centered
AR
Alex R.
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.
5 Answers
Order by
Oldest
Atick Eashrak Shuvo
Accepted AnswerPlease 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
Accepted AnswerHi,
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.
AR
Alex R.
Accepted AnswerHi Mehtaz, this is an issue on both my workstations, dual 2K (1440p) and dual 4K (2160p) screens, on Windows 11.