I have a long horizontal menu with text + social buttons. It doesn't fit in one line so I was thinking to put the social icons on top of the textual menu in order to create two lines.
I tried the secondary menu to achieve it but then I'd like to solve this:
- as much as I change the background color in General Styling, this does not change
- social item aligned on the left side and I need them to stay on the right.
- I'd like to get rid of the separation line btw the two menus and btw social icons.
Hi there,
I have a long horizontal menu with text + social buttons. It doesn't fit in one line so I was thinking to put the social icons on top of the textual menu in order to create two lines.
I tried the secondary menu to achieve it but then I'd like to solve this:
- as much as I change the background color in General Styling, this does not change
- social item aligned on the left side and I need them to stay on the right.
- I'd like to get rid of the separation line btw the two menus and btw social icons.
Thanks!
Hi Lollo,
Can you share a link to your website so that we see possible css to adjust some few things.
Thanks.
Hi Lollo,
Use the following custom css in Salient > General settings > CSS/Script related:
#header-secondary-outer ul { float: right !important; } #header-secondary-outer #social li a { border: none; }Make sure custom is selected when changing background color
Hope this helps.
Thanks Andrew,
Almost there... Strange, there's still a couple of lines appearing (attachment)
Best
Just another thing Andrew,
How do I control the header (and secondary header) height more than with the logo height control?
Thnaks
Hi Lollo,
Use the following css to remove the lines:
body[data-header-color="custom"]:not(.material) #header-secondary-outer { border: none; } body[data-header-color="custom"]:not(.material) #header-secondary-outer nav >ul >li:last-child { border: none; }There is no other option to increase header apart from those found in Salient > Header navigation.
Kind regards.
Perfect, it worked!
Thanks