Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Shades. on June 08, 2023, 04:20:12 PM

Title: Is it safe to remove this line in index.css?
Post by: Shades. on June 08, 2023, 04:20:12 PM
Is it safe to remove this line in index.css?

Working on a custom theme and set the forum width to be at 90% and have moved my top menu to be above the wrapper but the menu is somewhat centered and I want it to be to the left.

Can I just remove:

max-width: 1200px;
From:
#main_menu {
max-width: 1200px;
margin: 0 auto;
width: 90%;
padding-left: 10px;
}

Seems to work fine but does that mess anything else up?
Title: Re: Is it safe to remove this line in index.css?
Post by: Aleksi "Lex" Kilpinen on June 08, 2023, 04:25:17 PM
As far as I know, it shouldn't really cause any problems, but instead of removing it completely I'd probably make it 90% as well or something along those lines. It's only a limit. 
Title: Re: Is it safe to remove this line in index.css?
Post by: Shades. on June 08, 2023, 05:33:34 PM
Thanks, I tried to set it at 90% as well but no change. It's still left of center but not all the way left as I want it. But it works (goes all the way to left) when I remove that line all together. Just wasn't sure if it would affect anything else.
Title: Re: Is it safe to remove this line in index.css?
Post by: Aleksi "Lex" Kilpinen on June 08, 2023, 05:41:02 PM
Judging by that, 100% would probably get you what you are after. It's simply then saying that max width is the screen width.
Title: Re: Is it safe to remove this line in index.css?
Post by: Diego Andrés on June 08, 2023, 07:52:35 PM
Also change margin to margin: 0;, remove the auto.