You can change this in the header navigation settings by navigating to the Salient settings panel > Header Navigation > Layout and Content related as shown in this screenshot.
Please note that these are the only navigation layouts that the theme comes with out of the box.
You need to assign the menu to the left side of the header menu in the Appearance > Menus > Manage Locations and assign the menu to the pull left menu location as shown in this screenshot.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1000px) {
#header-outer:not([data-format=left-header]) #top>.container>.row nav {
display: flex;
justify-content: flex-start !important;
}
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
How can I create a header with the logo on top and to the left and the menu underneath that?
Hey Again,
Try adjusting the Header Navigation Layout in the Salient Theme Options Panel. See attached screenshot:
Thanks.
Attached files: menu-under-logo.jpg
ThemeNectar Support Team
Hi Gilda,
Thank you for getting in touch.
You can change this in the header navigation settings by navigating to the Salient settings panel > Header Navigation > Layout and Content related as shown in this screenshot.
Please note that these are the only navigation layouts that the theme comes with out of the box.
I hope that info helps.
Cheers,
Yes, understood, and thank you.
But is there a way for both the logo and the menu (logo on top, menu beneath) to be left justified rather than centered?
Hi Gilda,
You need to assign the menu to the left side of the header menu in the Appearance > Menus > Manage Locations and assign the menu to the pull left menu location as shown in this screenshot.
Try this and let us know how it goes.
I do not see the same options that you show. When I go to the menu locations, this is what I see (attached)
Attached files: Screenshot 2024-08-28 at 3.56.55 AM.png
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1000px) { #header-outer:not([data-format=left-header]) #top>.container>.row nav { display: flex; justify-content: flex-start !important; } }Thanks
ThemeNectar Support Team
I added the code, but do not see any change. Would you be able to take a look at my site and see what I did wrong?
Hey Again,
Could you elaborate further as to what end result you need as i can see the CSS working as intended . See attached screenshot.
Thanks.
Attached files: header-left.jpg
ThemeNectar Support Team
Sorry that I wasn't clear. I'm trying to make the logo align left.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer:not(.transparent) #top #logo { float: left; }Thanks
ThemeNectar Support Team
Yay!
Thank you.