Home » Ask (Forum) » Clickable Button Under Menu in Bikin Theme

Question

Hi, admin!
Computer UI Image Link: https://moviesware.com/wp-content/uploads/2017/07/Custom-UI-with-Button-.png
Mobile UI Image Link: https://moviesware.com/wp-content/uploads/2017/07/Custom_UImobile.png
I want to Add Clickable Button under a menu, So I can refer visitors on another Page Where I guide them How to Watch or Download Movies.
Please Help me out!

Jul 23, 2017 (3 months ago) - Posted by 11 Comments

11 Answers

  1. Mr. Shine says:

    Hello Nasha, if i not wrong, you want to add a button (How to play or download movies) under menu, is that right?

    Administrator
    • nasha7861122 says:

      yes, I want a button
      Link: https://gostream.is/
      In this link, there is a button under the search bar. This button is only for Sample purposes.
      But I want a Button As I mentioned my Above in this Forum Images links.

      Register Member
  2. Mr. Shine says:

    Open menu.php file (inside your wordpress theme) and find this line:

    <!--</navbar menu>-->

    After that line add this code:

    <div class="notif_button"><a href="http://domain-url.com/post/">How to play or download movies</a></div>

    Save.

    Open style.css and find this line:

    /* default */

    After that line add this code:

    .notif_button{background-color:#FE732F;max-width:1080px;margin:20px auto 0;text-align:center;color:#fff;padding:10px;border-radius:4px;font-size:18px;font-weight:bold;}
    .notif_button a{color:#fff;}
    

    Save.

    Screenshot:
    WP Notif

    Good luck!

    Administrator
    • nasha7861122 says:

      It is Only Clickable when I click on text(How to play or download movies).
      I want whole Button CLickable.

      Register Member
    • nasha7861122 says:

      Not Working—>In Chrome Laptop Browser: https://moviesware.com/wp-content/uploads/2017/07/Chrome_after_edit.png
      Not Working—>In Chrome mobile and Windows Phone Microsoft Edge Browser: https://moviesware.com/wp-content/uploads/2017/07/Chrome_browser_after_edit.png
      Working—>In Firebox Laptop and Mobile Browser 🙂

      Register Member
    • Mr. Shine says:

      When i check in Chrome and mobile browser, everything work fine. I can see the button. Have u clear your browser cache?

      Administrator
    • nasha7861122 says:

      yes, It is Working

      Register Member
    • nasha7861122 says:

      It is Only Clickable when I click on text(How to play or download movies).
      I want whole Button CLickable.

      Register Member
    • Mr. Shine says:

      Sorry I’m not clear what you want.

      When click the button and you want automatic play video? Is that right? If yes, i think that is not possible, user need to click Play button for watch the video.

      Administrator
  3. nasha7861122 says:

    Video Link: https://moviesware.com/wp-content/uploads/2017/07/Moviesware-–-Watch-Full-Movie-Online-Google-Chrome-27-07-2017-12_29_48.mp4
    You can Watch On this Above link video, When I take my Cursor On TEXT(How to Play or Download Movies) then it can only clickable.
    But, When I take my cursor on Button(Remaining Orange Button without text) it can’t be clickable
    So I want that I can Click on the Whole Button whether it is text or without text reaming portion
    Did you get it?

    Register Member
    • Mr. Shine says:

      Oh I’m clear now.
      Find this line:

      <div class="notif_button"><a href="http://domain-url.com/post/">How to play or download movies</a></div>

      and change become:

      <a href="http://domain-url.com/post/"><div class="notif_button">How to play or download movies</div></a>

      Done.

      Administrator

Your Answer

Your email address will not be published. Required fields are marked *