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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 138
Toufiq

Toufiq

Total Accepted Answers: 104
Sifat

Sifat

Total Accepted Answers: 76
C

conshelf

Total Accepted Answers: 1
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 1

116

Templates

299431

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