Extend the width of the menu

patvandenbosche

I need to extend the width of the menu, navmenu, so that I can squeeze more space. I tried to use the template settings, but the module was already at 12. What is the CSS override for this? Thanks.

I'm attaching a screenshot so you can what I'm referring to.

Pat

Ninja

patvandenbosche
Hi
The width of the Menu item is set to Container you can set to fluid to get more width but since you have many menu item it will again comes 2 seconds row when screen size reduce as the menu item is more compare to width.

patvandenbosche

Thank you, I have come up with a solution to this issue. I'm going to put the government pages on a subdomain, with a different template. But now I know how to play with this menu system. Thanks.

Ninja

patvandenbosche
You can also enable the collapse navigation in medium screen size for it. Or use 100% width of the container.

patvandenbosche

Where do I set the width? You say set it to Container. Is there a field where I set this? Also, is there a list of CSS classes that can be used in the template manager? I've seen text-center for instance.

Ninja

patvandenbosche
You can set the container width Fluid from layout options : http://prntscr.com/wjgyjc
Here is list of supported Typo : ja-landscape.demo.joomlart.com/index.php/j-pages/typography

patvandenbosche

I looked at this page, typography, but didn't see what I needed for the "custom css class" explanations. I found it just now by looking at the template.css file and doing a search, for instance, for offset-md-2.

I've attached a screenshot so you can see what I was referring to. Thanks for your help.

patvandenbosche

Sorry, I didn't attach the file with previous post.

Ninja

patvandenbosche
Hi
These are Bootstrap 4 core classes, you can learn them here : getbootstrap.com/docs/4.0/getting-started/introduction/

patvandenbosche

Sorry that page didn't do much for me, but I did a search for Bootstrap 4 core classes and found the following page:

Core Classes

Is that what you're referring to?

Ninja

patvandenbosche
Hi
The above link i sent the official documentation of BS4 its not one line code to learn Boostrap4 there are many style classes.

patvandenbosche

Is there a place like this one for style classes? If they already exist, I don't need to reinvent the wheel. Thanks.

Ninja

patvandenbosche
Hi
Its bootstrap full doc you have to go through on same doc to learn it. its not like u will choose 1 classes yourself and there can be doc 🙂