CODEWITHSUNDEEP
javascripthtmlcsswordpress
GAKHAR
GAKHAR

Reputation: 37

How to display a button in header on only one specific page

I have added a button of apply now it my header but I just want to display this button on only one page which is register. I do not want this button to appear on other pages of website. When user go to the register page this button should automatically appear in header. So how can I do it? Below is the code which I used to display the button but this button is displaying on the page not in the header section:

if ( $current_url == 'umacollege.geekss.com.au/register' ) {
echo '<div class="entry-banner">
    <div class="container">
    <div class="entry-banner-content">
    
<h1><button type="button">Click Me!</button></h1>
</div></div></div>';
}

Upvotes: 1

Views: 903

Answers (3)

Haussi
Haussi

Reputation: 21

You can hide the button in the pages you don't want it by aiming the url path with jQuery

jQuery(function ($){
        var pathname = window.location.pathname;
        if (pathname == "/page2/"){
           $(".your_button_class").css("display","none");
          }
    })

Upvotes: 2

Dhaval Makwana
Dhaval Makwana

Reputation: 104

You can use strpos to check the text is contains or not.

if ( strpos($current_url, 'umacollege.geekss.com.au/register') == true ) {}

If you are using wordpress then best option is to use is_page() function.

if ( is_page( 'register') ) {} // slug

or

if ( is_page( 1675 ) ) {} // page id

Upvotes: 1

Narek Malkhasyan
Narek Malkhasyan

Reputation: 1442

Find the id of register page. Suppose it is 1675, write following CSS:

.header-menu-btn {display: none !important}
.page-id-1675 .header-menu-btn {display: inline !important}

Upvotes: 1

Related Questions