Support Online : 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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 109
Sifat

Sifat

Total Accepted Answers: 64
Toufiq

Toufiq

Total Accepted Answers: 49
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 20
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303426

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