I'm creating the site with Kalium theme and I would like to modify the menu appearance. At the moment, it looks like this (attachement: momo site), but as I have many items, it folds in the way I don't like...the first line and the folded line is too close.
If it's possible I would like to line it all below the logo (as attachement: example). Or if not, give more space between two lines.
If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance and have a great week!
Hi!
I'm creating the site with Kalium theme and I would like to modify the menu appearance. At the moment, it looks like this (attachement: momo site), but as I have many items, it folds in the way I don't like...the first line and the folded line is too close.
If it's possible I would like to line it all below the logo (as attachement: example). Or if not, give more space between two lines.
Thank you for your support in advance.
Kaori
Hi Kaori,
I was trying to access your site but its in coming soon mode, so here apply this code and see if it works properly for you:
.main-header .logo-and-menu-container {
display: block;
}
.main-header .logo-and-menu-container .logo-column, .main-header .logo-and-menu-container .menu-column {
display: block !important;
width: 100%;
}
.main-header .logo-and-menu-container .menu-column {
margin-top: 20px;
}
.main-header.menu-type-standard-menu .standard-menu-container {
text-align: left;
}
To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).
Solved! Thank you!
Hi Kaori,
Glad to hear that
If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance and have a great week!
OK, I'll do :)
Sorry to bother you again, but I still need your advice.
Though I could line all the menu items below the logo, I still want to leave the option to put the menu beside the logo (as default) too.
In that case, is there any way to give more space between the first line and the folded line?
Thank you very much!
Kaori
Hi,
You have two options here, to show the menu items always below the logo or leave as it was now.
As I understand you want to display menu items in some pages beside the logo and in some pages below the logo?
If you want to shorten the margin between items (which currently is 45px), add this CSS:
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li+li, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li+li { margin-left: 45px; }This could work for you.