Support Forums

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

Your Time: Our Time:

Onepage dropdown menu layout

Featured Lock Resolved
Hello,
what is the custom css code to change the dropdown menu layout? I'id like to make it smaller and remove the white boarder. Current situation is shown in in attached image.
Thx.
Kurt

Attachments (1)

  • dropdown.JPG
    dropdown.JPG 30.4 KB

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please change this css from template.css or menu.less file. If you need more help, please let us know.


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #fff none repeat scroll 0 0;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
}


to


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #fff none repeat scroll 0 0;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
padding: 0px;
}


-Thanks

Kurt Specht

More than a month ago #Permalink
Hello, after template update to version 2.5. This change is gone. Can someone tell me how I can add this change maybe to a custom css file so that it does not change again with the next template update?
Thx.

Toufiq - Staff

More than a month ago #Permalink
Hello, after template update to version 2.5. This change is gone. Can someone tell me how I can add this change maybe to a custom css file so that it does not change again with the next template update?
Thx.


Hi there, Please create a custom.css file inside the templates CSS folder. Then write down your CSS code. Thanks


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: 114
Sifat

Sifat

Total Accepted Answers: 114
Toufiq

Toufiq

Total Accepted Answers: 73
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296439

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