Menu spacing in the Dylan template - Forum | JoomShaper
Awaiting an answer Templates

Menu spacing in the Dylan template

Asked by Nicole Otto 3 years ago Last activity 3 years ago

I am building a new website using Dylan. We would like to decrease the spacing between the the logo area and the menu. We would also like to reduce the spacing between menu items by at least one line space. https://webtomixresearch.com/dooley/dooleys-menu.jpg

1 reply

Paul Frankowski Senior Staff
3 years ago · edited

Hi Nicole,

Custom CSS must be used for that task:

  @media screen and (min-height: 550px) {
body.predefined-header1 #sp-header .sp-megamenu-wrapper {margin-top: 50px;}
body.predefined-header1 #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li,
body.predefined-header1 #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li:not(:last-child) 
{margin-bottom: 10px;}
}

In Template Options > Custom Code > Custom CSS

https://www.joomshaper.com/documentation/joomla-templates/dylan/how-to-customization-tips

Nicole Otto Asked this
3 years ago

The menu looks great, thank you.

Log in to reply.