Menu Spacing In The Dylan Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Menu Spacing In The Dylan Template

NO

Nicole Otto

Template 2 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

0
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #117804

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

1
NO
Nicole Otto
Accepted Answer
2 years ago #117805

The menu looks great, thank you.

0