• Resolved Jonas Tietgen

    (@jonas-tietgen)


    There is a problem with the checkout page. The layout broke and I don’t know why.
    It seems to me like there is a /div Tag that does not belong there. You can see it on that screenshot: Screenshot

    The text on the right side, should be on the left hand side above the product listing table…

    Does anybody know, how to fix that?

    https://wordpress.org/plugins/woocommerce/

Viewing 8 replies - 1 through 8 (of 8 total)
  • That preview did not include much clue about the problem!
    In order to find the source, it will be a better idea to provide the URL for the page.

    Just check for the styles effecting those div areas you mentioned,
    as you mentioned their display order is changed,
    than look for some float left/right properties,
    or some high width values which did not fit the place and makes the other move aside,
    etc…

    Screenshots won’t give much help; so just guessing!

    Thread Starter Jonas Tietgen

    (@jonas-tietgen)

    Hi thank you for your response.
    I don’t think it is one of the sources you wrote about.

    You can check the page, but you have to log in first:
    http://www.druckplus.com/wp-admin
    User: support
    pass: support

    Then you have to add a product to your cart and go to the checkout page…

    Posting login details on a public forum is not recommended. You should delete the support user straightway.

    The empty div fills up with the shipping address fields when the customer clicks “ship to a different address”.

    To be able to help, please can you make the site accessible so the checkout page is visible. It seems to be behind a “Coming soon” message.

    Thread Starter Jonas Tietgen

    (@jonas-tietgen)

    Thanks for your response.

    Done and done 🙂

    Works for me. This is what I see.

    When two people see different layouts on the same page it could be your browser is caching an old stylesheet. Have you tried a hard refresh (control-F5) or clearing your browser cache.

    Thread Starter Jonas Tietgen

    (@jonas-tietgen)

    Sorry, there was a misunderstanding, I guess thats my fault…
    The page after that is the problematic page

    Try this in your custom css:

    .wgm-break {clear:both}
    #order_review_heading {margin-top:40px}

    Thread Starter Jonas Tietgen

    (@jonas-tietgen)

    Wow you nailed it, looks great. Thank you very much!

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

The topic ‘Layout broke’ is closed to new replies.