Page width too narrow and wrapped menus

  • Resolved pwforaker

    (@pwforaker)


    12 years, 4 months ago

    I’m fairly new at WP. I’ve installed a 2011 child theme at https://www.metacultura.org. I want the page to display at 1000px wide (like my other site at https://www.aguilateam.com/), but it comes up at 690 px, and the menu is wrapping to multiple lines. (Is this two problems, or one?)

    The header image is exactly 1000×288. I’ve made only minor changes in the style.css file. I have installed no widgets, and the following plugins are active: Form Manager, Members Only, and Simple Login Log. The page default is set to one-column, no sidebars. All the pages are using the Showcase Template. I’ve turned off the custom menu. No help.

    I have another site at https://www.integralview.org that is also using the 2011 theme and it, too, displays at 690px.

    Where do I look to get the Metacultura site to format at 1000px, and stop the menu items from wrapping?

Viewing 6 replies - 1 through 6 (of 6 total)

  • In The Style.CSS file of your theme you should be able to change the Width.

    Thread Starter pwforaker

    (@pwforaker)

    Thanks, I tried that. Putting body{width="1000px";} into the style.css does not affect the width of the page. Nor does it touch the menu-wrapping issue.

    your ‘metacultura’ link askes for login ??

    here is the limiting style:

    /* One column */
.one-column #page {
	max-width: 690px;
}

    with the menu, it might be this style:

    #branding .only-search + #access div {
	padding-right: 205px;
}

    if you want further help, make your site freely accessible.

    Thread Starter pwforaker

    (@pwforaker)

    Thank you, alchymyth. I forgot about the members-only setting. Sorry about that. It’s now open to visitors.

    I added the one-column and branding elements to my custom style sheet, saved the changes, reloaded the front page. No change. Still 690 wide and wrapped menus.

    there is some invalid code in the css section of style.css of the child theme;

    should be:

    body{
   width:1000px;
}

p{
   text-align: justify;
}

#site-title a {
    color: #009900;
}

.recent-posts {
display:none;
} 

#branding #searchform {
display:none;
}

.entry-content table,
.comment-content table {
	border-bottom: 0px none #ddd;
	margin: 0 0 1.625em 0;
}

/* One column */
.one-column #page {
        max-width: 1000px;
}

#branding .only-search + #access div {
        padding-right: 20px;
}

    https://www.w3schools.com/css/

    Thread Starter pwforaker

    (@pwforaker)

    Great. Thank you very much. That did the trick. Obviously, not all : are =. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Page width too narrow and wrapped menus’ is closed to new replies.