Okay
  Public Ticket #3587515
Remove the navigation header and footer on checkout page
Closed

Comments

  •  4
    TMEmedia started the conversation

    Hi, 

    Is there a way to remove the header and footer on the checkout page?


    BR Thomas

  •  8,939
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce-checkout div#footer-outer,.woocommerce-checkout #header-outer {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  4
    TMEmedia replied

    Thank you! 

    Perfect functionality. 

    Cheers! 
    Thomas

  •  3
    MatthewShelton7 replied

    Hey Tahir,

    I don't know if a new update is interfering with my ability to hide headers and footers but previous CSS that used to work is no longer working. Please assist.

  •  1,919
    Judith replied

    Hi there,

    Thanks for writing back.

    To hide the header and footer please refer to this video : https://monosnap.com/file/3duDTgf5I7BNYVK4q4KtQ2BuESU0fI

    I truly hope this proves helpful for you.. If you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,

  •  3
    MatthewShelton7 replied

    I don't have those options. See attached.

    This page is a step within a CartFlows flow that I'm using Salient and WP Bakery to build the page with.

    Attached files:  exmple5.jpg

  •  8,939
    Tahir replied

    Hey Again,

    The reason why the previous CSS was not working is because you are using a Global Section Footer now. 

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce-checkout .nectar-global-section.before-footer {
        display: none !important;
    }

    Thanks



    ThemeNectar Support Team 

  •  3
    MatthewShelton7 replied

    Hey Tahir,

    Yes, I am using a global section for my footer but that code doesn't work either.

  •  8,939
    Tahir replied

    Hey Again,

    Im not seeing the CSS provided earlier loading on the site. 

    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks.


    ThemeNectar Support Team 

  •  3
    MatthewShelton7 replied

    Hey Tahir,

    You may be looking at a previous site of mine, here is the one I'm refering to currently: https://superproductive.co/

  •  8,939
    Tahir replied

    And can you provide the screenshot of the footer you are referring to ? .


    ThemeNectar Support Team 

  •  3
    MatthewShelton7 replied

    See attached.

    Attached files:  header_tahir.jpg
      footer_tahir.jpg

  •  8,939
    Tahir replied

    I am not able to view those on this page: https://superproductive.co/checkout/ ?.


    ThemeNectar Support Team 

  •  3
    MatthewShelton7 replied

    Yeah this is the page I'm referring to but you probably won't be able to view it unless you perform a test purchase on my site becuase it's a post purchase upsell page. https://superproductive.co/step/website-builder-upsell/

  •  3,001
    Andrew replied

    Hi Matthew,

    Thank you for getting back to us.

    Could you please reshare the link or give us access to the page so we can check this out for you?

    In the meantime, could you check if you can change the page template to no header & footer as you can see in this screenshot?

    4463872422.png

    Try this and let us know how it goes, we look forward to your reply.

    Thanks,

  •  3
    MatthewShelton7 replied

    No I don't have that option. What role type will you need and what's a good email for the new user?

  •  1,919
    Judith replied

    Hi Matthew,

    Thanks for writing back.

    We'll need admin login credentials (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? You can use any email as these are temporary logins

    If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,


  •  3
    MatthewShelton7 replied

    Judith I need a good email to finish creating the user for my website. I'll add Tahir but nobody else. Tahir please provide a good email address for your admin user account on my website.

  •  1,919
    Judith replied

    Hi Matthew,

    Thanks for writing back.

    Not a problem. I will surely assign this to Tahir.

    Tahir will jump in promptly to assist you further.

  •  8,939
    Tahir replied

    Hey MatthewShelton7 ,

    Please create a new ticket and provider the temp login credentials in there so I can write up CSS to remove the header and footer. 

    Thanks.


    ThemeNectar Support Team 

  •  3
    MatthewShelton7 replied

    Hey Tahir, 

    The ticket has been created: PRIVATE TICKET #3656506