Page layout problem

  • I’ve noticed that the content section of my posts seems small. The link I provided is my latest post but the problem is on all posts and pages. I thought it might be a problem with my custom header (Elementor & OceanWP) but I made a change to my header and the problem remains. I set my content area to 785 px wide (if I recall, maybe 750) in the customize screen. There are two problems I’m just noticing.

    First, it looks like my custom sidebar is not all the way over to the right. There is a lot of space from where it ends and rightmost part of my monitor. I believe it may be taking up a lot of the content area for some reason. Is there a setting I missed when I created it?

    Secondly, I also just noticed that there is a faint vertical gray line that starts at the Title and goes all the way down the page. There is also a faint gray horizontal line just below the title and it is aligned with the beginning of the title text. Would someone let me know if they also see it? And if so, do you think whatever that is would be the cause of the small content area? Maybe that is why the right sidebar is so far over to the left with all that space on the right.

    Hope someone can help!
    Jim

    The page I need help with: [log in to see the link]

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

  • You container has a width of 785 on it. Remove that. It appears it’s in your theme settings and your site will go fullwidth.

    Those lines are standard for blogs. They break content up and are good design.

    • This reply was modified 6 years, 6 months ago by stefsternyc.
    Thread Starter Jim

    (@kernix)

    Ok let me try that – thanks!

    Thread Starter Jim

    (@kernix)

    it worked but it defaulted to 1200 px. Is there an ideal width smaller than that?

    Your theme defaults to 1200 by default. You trying to make it smaller is really not a good idea. Do some research on Responsive Design.

    Your too caught up with its appearance and not thinking about your audience. A 13″ laptop is 1280px wide and your theme will adapt to it’s window, a mobile phone on average is 480 and your site will adapt to that.

    Messing with the CSS will ruin your user’s experience and make your site look like blah.

    Let it be.

    Hi @kernix,

    With regard to your page content size (body container width) this is likely editable either in the Customizer under some “layout” type of setting, or in your theme’s settings. The typical page width is 1200px, with various elements such as title slider, that has a bleed covering the entire screen width.

    As for the title grey line, it is being created as part of your “primary” container, and you can get rid of it by inserting the following into your custom CSS (in Customizer).

    div#primary {border:0;}

    -Mervin

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Page layout problem’ is closed to new replies.

Tags