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:

Main menu full width

Featured Lock Resolved
How can we make the main menu to have full width like it is when it is sticky?

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please follow the below instruction's.

1. Find out below css from theme.less or template.css file

body:not(.layout-boxed) #sp-main-menu-sticky-wrapper #sp-main-menu {
position: absolute;
top: -30px;
left: 0;
right: 0;
width: 100%;
}


And replace with this code

body:not(.layout-boxed) #sp-main-menu-sticky-wrapper #sp-main-menu {
position: absolute;
top: -30px;
left: 0;
right: 0;
background: #0e429c;
width: 100%;
}


-Thanks

Panosgr

More than a month ago #Permalink
Excellent.
Thank you very much

Toufiq - Staff

More than a month ago #Permalink
Panosgr wrote:

Excellent.
Thank you very much


You are most welcome & Thanks


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

124

Templates

331143

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