[smcm79]

Hi there,

I’m wondering if it is possible to adjust the menu item spacing? I would like to make the gap between each one larger.

Also, when adding a bottom border to the menu on a default template page, is it possible for the border to automatically align with the edges of the content, rather than the page? e.g., be the same width as a large single image that might be placed beneath it? I’m currently using the following custom CSS:

@media screen and (min-width: 992px) {
.nav-menu {
border-bottom: 1px solid #e3e3e3;
border-top: 0px solid #e3e3e3;
margin-top: 2em;
max-width: auto;
margin-left: auto;
margin-right: auto;
background: #ffffff;
}

Many thanks in advance for your help

Sam

[serkan]

Hi,
This custom css code to make the gap between each menu item; (increase the second number which is 0.8em to 0.9em or 1em or etc )

@media screen and (min-width: 992px) { .nav-menu ul li a { padding: 0 0.8em; } }

You can try this custom css code for your second request;

.nav-menu { border-bottom: 1px solid #ccc; max-width: 1060px; margin-left: auto; margin-right: auto; }

Thanks