Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

How to change page width? #835

Answered by luizdepra
purbaneck asked this question in Q&A
Discussion options

Hi!

First of all: Thanks for providing this cool Hugo theme!

I'm trying to change the standard page width but I cannot figure out how (sorry, I'm not very experienced in HTML/CSS). The issue is that I have too many menu items and the page title on the left slides up a bit so page title and menu items are not in one line anymore. That doesn't hurt in the mobile view as menu items are collapsed anyhow but it doesn't look good in desktop view.

I've changed each max-width lines in all CSS-files to 1024px but that doesn't change anything. Can't figure out how to solve that. Sorry, as I'm positive that this might be a beginners question.

Best,
Pat

You must be logged in to vote

Hey.

You need to change the max-width value from .container. The default value is 90 rem. Try increasing it.
REM is a relative value, based on the root font size.

Replies: 1 comment 1 reply

Comment options

Hey.

You need to change the max-width value from .container. The default value is 90 rem. Try increasing it.
REM is a relative value, based on the root font size.

You must be logged in to vote
1 reply
Comment options

Perfect, that worked just fine! Thank you so much!

Answer selected by purbaneck
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet

AltStyle によって変換されたページ (->オリジナル) /