All site content is stacking

  • Resolved Mr Robville

    (@mr-robville)


    10 years, 2 months ago

    Hi,
    For some unknown reason, all content on a site I’m working on decided to stack. This is most noticeable with images such as in the footer. They are all positioned below each other, while they should be positioned next to each other (unless there is not enough space, which is not the case). Also the footer is no longer properly centered and stretching with the page width.

    This used to work fine before, but I can’t remember when exactly this issue started to occur.

    I’ve already tried disabling all plugins but the issue remains, so it must be something that’s changed in the stylesheet I reckon.

    Could anyone help me with this problem? I cannot seem to find out what’s causing this stacking issue.

    Link to website: http://tinyurl.com/hr8w5bh

Viewing 6 replies - 1 through 6 (of 6 total)
  • Allison Tarr

    (@allisonplus)

    10 years, 2 months ago

    The link provided gives a 500 error.

    It sounds like maybe elements in the footer are now block rather than inline-block. Perhaps you adjusted something else that overlapped specificity-wise to affect the footer? Hard to say without seeing the site. You’re right though – sounds like a CSS issue.

    Thread Starter Mr Robville

    (@mr-robville)

    10 years, 2 months ago

    Oh, that’s an annoying error that pops up sometimes. The site should be running again now.

    Allison Tarr

    (@allisonplus)

    10 years, 2 months ago

    It looks like your :after pseudo elements on your header AND footer are set to display:block.

    Thread Starter Mr Robville

    (@mr-robville)

    10 years, 2 months ago

    Ah yes! that seems to have done the trick. Thank you very much.

    The footer still doesn’t seem to go 100% of the site’s width. The left side is on the correct location, but the right side needs to be positioned sideways against the edge of the blue content block above.
    Would you happen to know how to solve this as well?

    Allison Tarr

    (@allisonplus)

    10 years, 2 months ago

    I think one of your rows in your footer will need to be set to display: inline-table with a width of 100%. Maybe .art-content-layout-row? (Not sure if you reuse that class name somewhere else)

    You might need to adjust padding/margin as well to get the alignment right with your content.

    Thread Starter Mr Robville

    (@mr-robville)

    10 years, 2 months ago

    Yes, that fixed it, thanks again! You saved me a headache.

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

The topic ‘All site content is stacking’ is closed to new replies.