simplicity full width main menu

Is there a way to make the main menu full-width in the Simplicity Template?

I found this CSS Code in another thread, would that work? I am not sure what the margins refer to?


CODE: SELECT ALL
#gkMainMenu {
margin: 26px -50px 0 !important;
padding: 0 50px;
}


https://www.gavick.com/forums/storebox-joomla25/full-width-main-menu-42532?p=211938&hilit=main%20menu%20full%20width#p211938

Could you please post an url to your site?

I sent our url in a PM but I see the forum menu is nicely done as an example of the full width menu but still with margin around the Article.

wide menu.jpg

I think this might be a Joomla newbie question

I have just visited your site and menu is full width. Have you been able to change it on your own?

Hi Cyberek, thank you for checking it! I have not quite figured out full width main menu for very wide window settings, if you zoom out a lot you might see the left and right margins. It is especially noticeable on our search results page.

I took the CSS code out of the Simplcity Template Manger / Advanced Settings / Custom CSS Code because it was pushing the menus down too far. But I think this is almost the solution.

I will try some more different CSS code ideas. The Custom CSS Code box is a nice feature in the Gavick Template.

Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkHeaderNav.gkPage {max-width: 100%;}


Remember to enable "CSS override" in template settings - advanced section.

Hi Cyberek, this worked great! It did exactly what I needed thank you!

I was able to easily add it to the template from the Administrator interface in the Extensions / Template Manager / gk_Simplicity - Default / Advanced Settings and I pasted your code into the Custom CSS Code box. This is a nice feature of the Template

Is there anything else I can help you with regarding this topic?