We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Mega Menu vertical position

Featured Lock Resolved Issue
Hi,
I want to position the menu at the bottom of my header.

In custom css I have inserted:
.sp-header {height:183px;}
.sp-megamenu-parent {margin-top: 75px; margin-right: 40px;}

How can I position the dropdown just below the menu and not floating down on the page (see screenshot).

URL: http://www.egedalweb.dk/dabyfo

Attachments (1)

  • dabyfo_megamenu.jpg
    dabyfo_megamenu.jpg 69.1 KB

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Add this CSS code with your css code.


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
display: inline-block;
padding: 0 15px;
line-height: 40px;
font-size: 14px;
margin: 0;
margin-top: 70px;
}


-Thanks

clausjepsen

More than a month ago #Permalink
Thank you. I managed with this code

.sp-megamenu-parent {top:75px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
display: inline-block;
padding: 0px 5px;
line-height: 40px;
font-size: 14px;
font-weight:bold;
margin: 0;
margin-top: 70px;
margin-right:40px;
}

Toufiq - Staff

More than a month ago #Permalink
Thank you. I managed with this code

.sp-megamenu-parent {top:75px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
display: inline-block;
padding: 0px 5px;
line-height: 40px;
font-size: 14px;
font-weight:bold;
margin: 0;
margin-top: 70px;
margin-right:40px;
}


Great :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331431

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us