Home › Forums › WoodMart support forum › The bar with the notification hits the header of the site

The bar with the notification hits the header of the site

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 4, 2023 at 4:02 pm #509906

    Chingiz
    Participant

    Hello,

    The notification block is moved behind the header of the site after the product is removed from the basket. And also the title of the page with the image disappears.

    Attachments:
    You must be logged in to view attached files.
    November 5, 2023 at 6:06 am #509963

    Hung Pham
    Keymaster

    Hi Chingiz,

    Thanks for reaching to us.

    Please add below code to Theme Settings > Custom CSS > Global custom CSS

    body.woocommerce-cart .whb-overcontent .whb-main-header{
    position: relative;
}

body.woocommerce-cart .whb-overcontent{
    margin-bottom: 40px !important;
}

    Regards,

    November 5, 2023 at 11:20 am #509979

    Chingiz
    Participant

    Hello,

    this is the result I got now, after adding your custom styles

    Attachments:
    You must be logged in to view attached files.
    November 6, 2023 at 8:20 am #510072

    Hung Pham
    Keymaster

    Hi Chingiz,

    You can remove Custom Code above. The issue caused by the Page Title disappeared when you removed cart item.

    I tested on my end and it worked properly. https://prnt.sc/LYpel6ncfTvZ

    Please send me wp-admin info (wp-admin URL, username, password) to Private Content area, I will check this problem for you.

    Would you mind if I deactivate extra plugins for testing? Please confirm me back.

    Regards,

    November 6, 2023 at 9:23 am #510078

    Chingiz
    Participant

    Hello

    I understand that myself. If you read the entire correspondence, please note that initially I addressed the problem of indentation after removing the product from the basket. You gave me custom styles that I applied and got an indent for the header in the shopping cart.

    I don’t mind if you disable additional plugins for testing.

    • This reply was modified 1 year, 5 months ago by Chingiz.
    November 6, 2023 at 1:49 pm #510182

    Bogdan Donovan
    Keymaster

    Hi,

    To fix this issue, first try to add the following code snippet to the Child Theme functions.php file: 

    add_action( 'woodmart_after_header', function () {
    if ( ! woodmart_woocommerce_installed() || ! is_cart() || ! XTS\Modules\Layouts\Main::get_instance()->has_custom_layout( 'cart' ) ) {
       return;
    }

    XTS\Modules\Layouts\Global_Data::get_instance()->set_data( 'builder', true );

    woodmart_page_title();

    remove_action( 'woodmart_after_header', 'woodmart_page_title', 10 );
}, 1 );

    And second, add the following code snippet to the Custom CSS area in Theme Settings:

    .woocommerce-cart .main-page-wrapper > .page-title {
	display: none;
}

.woocommerce-cart .main-page-wrapper:has(.wd-empty-page) > .page-title {
	display: block;
}

    Kind Regards

    November 6, 2023 at 1:59 pm #510185

    Chingiz
    Participant

    Hi,

    Yes it works. Thanks for the help

    November 6, 2023 at 4:49 pm #510261

    Hung Pham
    Keymaster

    Hi Chingiz,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)