Content does not align properly on certain window sizing (4 posts)

  1. zfries
    Posted 2 years ago #

    I have been trying to learn how to build a website with the wordpress install and have been successful so far without needing help but unfortunately I can't figure out where I went wrong or what is wrong with the responsiveness of my website when on a certain browser size.
    If you try it you should be able to see for yourself, just go from largest windows size and shrink it down gradually and there is one size adjustment that shows the content out of line with the background. I have looked up possible similar cases and tried to figure it out on my own in the css but no luck so far.
    Any help is appreciated! I'm hoping it's something small (everyone says not to worry about it when they see what I mean but this is my first website and I want it consistently working).

  2. paulwpxp
    Font hero
    Posted 2 years ago #

    Take out width:650px; from

    #content {
    	margin: 0 38.6% 0 3%;
    	width: 650px;

    clear cache, and layout problem should go away ( if not, post back here again ).

    Also, there is no sign of child theme, it's as if you edit the theme directly. You have to make a child theme and move over your modifications to it, otherwise you will lose all of your work upon theme update.

  3. Michael
    Part-Time Forum Moderator
    Posted 2 years ago #

    add a line to style.css to adjust the article width for the first media query;
    find this section:

    /* Smaller than standard 1060 (devices and browsers) */
    @media screen and (max-width: 1060px) {
      #page {
        max-width: 900px;

    add this directly after the above section:

    .hentry { width: 510px; margin-left: 15px; }
  4. zfries
    Posted 2 years ago #

    Removing 650px did the trick! Thank you, guess I should have left that alone.

    As far as the child theme you would be correct. I am not familiar with this and did not make one evidently. Is there any way to do this without having to re-do my css edits?? I would hate to have to go through all that work again but obviously don't want to lose it when it updates!
    Any advice is appreciated! Thanks for the help so far too!

Topic Closed

This topic has been closed to new replies.

About this Topic