Expand content width and change menu to one row

  • Unknown's avatar
    hundhjalpenjennifer · Member ·

    I need help to change the content width of my theme. I want the content to be larger so I can display bigger pictures and more text. By e-mail I got this CSS code to use, from WordPress support:

    .row {
        max-width: 1200px;
    }

    Problem is, the site doesn’t respond to this CSS code or any other I’ve tried. How can I solve this? I would also like to expand the menu at the top of the page, so everything is displayed in one row instead of two.

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • hacchism · Staff ·

    Hi there,

    As far as I investigate the CSS code that WordPress.com support provided, it seems that the code works perfectly. Please check two points below.

    1, Please make sure that you didn’t add any unnecessary punctuation marks in the code.

    2, Please try clearing a cache of your web browser. Sometimes CSS change doesn’t reflect immediately to the actual looking of a site because of a cache.

    If the issue remains after checking the two points above, please come back here again. Thanks :)

  • hacchism · Staff ·

    I would also like to expand the menu at the top of the page, so everything is displayed in one row instead of two.

    The top menu of your site is responsive to the width of a browser window. If you want everything in the menu to be in one row, what you can do is making the font size of each item smaller. But it’s a little difficult for everything in the menu to be in one row, because now you have a lot of items in the menu. If you reduce a little, it can’t be easier.

    Please consider it, and let me know after making a decision.

    Thanks :)

  • Unknown's avatar
    hundhjalpenjennifer · Member ·

    Thank you! It worked out great. Next question. I’ve added a text to the footer using this code:

    .footer p:after {
    content: ” :: Disclaimer text here.”;
    }

    But it seems to repeat the text twice?

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @hundhjalpenjennifer, there are two “p” elements in the footer, so we have to tell it which “p” element we wish the text to be after by using an additional bit in the CSS selector. Replace what you have with the following, which adds your text after the first “p” element (your site title). 

    .footer p:first-of-type:after {
	content:" | www.hundhjalpen.se | (email visible only to moderators and staff) | 076-172 23 63 (vardagar 12.00-13.00)"
}
  • hacchism · Staff ·

    Thanks @thesacredpath for the assist :)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Expand content width and change menu to one row’ is closed to new replies.