Hey so thanks, the header is centre and the border works however it has displaced the menu items (see attachment). Is there any way to have the menu headings stay on the right as per usual.
You can't have the logo centered and have the menu items in one line, but if you want to have them on the right side then add this CSS also to your Custom CSS:
Thanks for your help, it seems like it only looks nice as per regular header settings but i'll keep the code for the border.
One last thing, ill send through some pictures but do you know how to get the edge of the right hand side and left hand side header content to fit within the content on the screen. At the moment the 'radio' text in the header overhangs a few pixels to the right and the logo is the same at a smaller amount. Is there any way of getting both these aspects to fit within line of the video? (referring to the photos of course) Thanks.
On both sides the logo and the menu (radio item) are set to the edges, the problem is that the elements the page as the elements have shadow and have moved inside to let the shadow display on all side, also as I can see the you are using Elementor page builder which is not yet supported with the theme. We are working to implement it and Kalium 3 will be completely built with Elementor page builder.
Hey, is there any way I can get my logo in the centre of the header?
I know this is customisation but i was just hoping you would have some code that could help with this.
Also is there an option to add a border (on the bottom) to the main header? There is for sticky but I can not find one for the main header.
Thanks!
Hi there,
By adding the following CSS to Custom CSS you will have the logo centered and the header border:
header.main-header .logo-and-menu-container .menu-column { flex-grow: 0 !important; } .logo-column { width: 100% !important; } .header-logo.logo-image { margin: 0 auto !important; } header.main-header { border-bottom-color: rgba(0,0,0, 0.1) !important; }Best regards,
Laborator Team
Hey so thanks, the header is centre and the border works however it has displaced the menu items (see attachment). Is there any way to have the menu headings stay on the right as per usual.
Hi there,
You can't have the logo centered and have the menu items in one line, but if you want to have them on the right side then add this CSS also to your Custom CSS:
header.main-header .logo-and-menu-container .menu-column { flex-grow: 1 !important; }Best regards,
Laborator Team
Great, ok.
And what would the code be to have the menu items centred (underneath the logo)
Thanks.
I don't know why you have removed the CSS I have provided here, but I have added it again and this CSS to center the menu also:
header.main-header .logo-and-menu-container .menu-column { display: block; margin: 0 auto; }Best regards,
Laborator Team
Thanks for your help, it seems like it only looks nice as per regular header settings but i'll keep the code for the border.
One last thing, ill send through some pictures but do you know how to get the edge of the right hand side and left hand side header content to fit within the content on the screen. At the moment the 'radio' text in the header overhangs a few pixels to the right and the logo is the same at a smaller amount. Is there any way of getting both these aspects to fit within line of the video? (referring to the photos of course)
Thanks.
On both sides the logo and the menu (radio item) are set to the edges, the problem is that the elements the page as the elements have shadow and have moved inside to let the shadow display on all side, also as I can see the you are using Elementor page builder which is not yet supported with the theme. We are working to implement it and Kalium 3 will be completely built with Elementor page builder.
Best regards,
Laborator Team
thank you.
Do you know how to return the spacing in between the letters (kerning) for the header?
It must have been changed at some point but i cannot see it within the custom css.
I would like to try just regular default spacing if possible.
Thanks.
Hi again,
If you are talking about the letter spacing of the menu items in the header add the CSS below to Custom CSS:
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a { letter-spacing: 0; }Best regards,
Laborator Team
hey thanks - that's what i'm talking about...
I added the css however but the spacing has remained the same (at 1.5 i think)
ah i have found where this setting is and have been able to change it.
thank you!
I have updated the CSS to another one, now it seems to be working properly
Best regards,
Laborator Team