Adding stroke to top of Menu:
Is it possible to add a small stroke (line) to the top of the menu?
My logo area background and menu background are pretty similar colours and I think adding a small stroke to show where the divide is would really enhance the header area, is this possible?
Centre Aligning Menu:
I noticed that my menu links are slightly below centre
this may be because the height of the menu looks a bit big or the menu links themselves are just set below centre, I was wondering if it would be possible to either; reduce the height of the menu OR (preferably) align the menu links centrally?
Evenly Spacing out Menu Links:
One last quick thing,
is it possible to have the menu links spread out
thanks in advance!
(Sorry for listing but I figured it would be better than making multiple topics)
You could use custom CSS, in the theme panel, for the stroke. A quick “inspect element” check suggests that the logo area is td-menu-background. A stroke would be a border. In the blog-stack style I find this class actually has “border-top 1px solid #ebebeb” already. Just change or add that class to have a border-top of whatever colour, style, and thickness you want.
Meanwhile, this custom CSS(or that for a similar menu, not sure if it varies by stack) would allow you to vertically adjust the height of the text in the menu:
.sf-menu {
padding-top: 5px;
}
Change the 5px, of course, to whatever works. Note that line-height (from custom typography menu in theme panel) would also work but would not change the search button height.
For spacing you can add padding to the list items:
.sf-menu li {
padding-right: 15px;
}
Worked perfectly! thanks a million
@TheMediumUTM Thanks!!
