Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3512742
Checkout Page - desable top bar, menu, footer
Closed

Comments

  •  11
    LillaGreen started the conversation
    November 1, 2023 at 1:54pm

    Hi there, is there a way I can disable the top bar, menu & footer for the Cart & Checkout Page? Thank you

  •  2,610
    PenciDesign replied
    November 1, 2023 at 2:42pm

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.woocommerce-checkout {
        padding: 60px 0 0;
    }
    body.woocommerce-checkout .penci-header-wrap,
    body.woocommerce-checkout .footer-instagram,
    body.woocommerce-checkout #footer-section {
        display: none;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    November 1, 2023 at 3:22pm

    thanks, this has worked out! - how to also disable the social share icons? And how to do the same for the cart page https://lillagreen.com/my-cart-page/? 

    9009666015.png

    I am kind of happy with the result for the checkout... but how can an I make the section Order wider with elementor pro?


    4033043043.png


  •  2,610
    PenciDesign replied
    November 1, 2023 at 5:18pm

    Hi,

    1. Please go to the Check out page editor screen: and select the "Page Fullwidth" Template like the screenshot below:

    dRhBabc.png

    2. Navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
        width: 100%;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    November 1, 2023 at 7:08pm

    Thank you! 

    how can disable the Footer, Menu, and Social icons, for the cart page? 

  •  2,610
    PenciDesign replied
    November 2, 2023 at 1:38am

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    body.woocommerce-cart {
        padding: 60px 0 0;
    }
    body.woocommerce-cart .penci-header-wrap,
    body.woocommerce-cart .footer-instagram,
    body.woocommerce-cart #footer-section {
        display: none;
    }

    Then select the "Page Full Width" template similar to the checkout page.

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    November 2, 2023 at 5:48am

    Thank you!