Support » Theme: Storefront » Overlapping text in Bookings tab of Account

  • Resolved contact3243

    (@contact3243)


    Hi, in WooCommerce, in the /account/bookings/ page, when I reduce the width of the screen a bit in desktop mode, the account menu (on the right of the page) begins to overlap with the Cancel button and Status column of the bookings. How do I stop this?

    And when I reduce the screen width further and enter mobile view, the good news is that the account menu is no longer overlapping because it is above, but it is not possible to scroll right on the screen to see all the columns associated with the booking. How do I resolve this?

    I am using Storefront and WooCommerce bookings, but thought I would post here in case it is because of the theme. Thanks for your help

Viewing 4 replies - 1 through 4 (of 4 total)
  • Are you referring to the front end of the site that visitors see or the backend area that you log into to manage the site? If the front end, if you can provide a link to your site it will be easier to investigate.

    Otherwise, if in the admin area, you’d want to submit a support ticket on the WooCommerce forums if you have not already:

    https://wordpress.org/support/plugin/woocommerce/

    As a bookings area isn’t part of the Storefront theme.

    Hi there,

    in WooCommerce, in the /account/bookings/ page, when I reduce the width of the screen a bit in desktop mode, the account menu (on the right of the page) begins to overlap with the Cancel button and Status column of the bookings. How do I stop this?

    You can fix this with some CSS. Try the below:

    @media (min-width: 768px) and (max-width: 945px) {
    .right-sidebar .content-area {
        width: 100%;
        float: none;
        margin-right: 0%; }
    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: none;
        margin-right: 0; }
    }

    And when I reduce the screen width further and enter mobile view, the good news is that the account menu is no longer overlapping because it is above, but it is not possible to scroll right on the screen to see all the columns associated with the booking. How do I resolve this?

    This is a WooCommerce Bookings issue. Can you open a ticket with us at https://woocommerce.com/my-account/create-a-ticket/, select Help with my extension and choose WooCommerce Bookings from the dropdown. We can help you further there.

    Tseten D

    (@tibetanitech)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thank you very much @jarretc and @thup90 🙂 I used the code above to resolve the first issue – I needed to change some terms but you really helped me thank you. I also submitted a ticket re: Bookings and unfortunately it is an identified issue with no expected date of resolution. Thanks for your help though

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.