Thanks for sharing this. It's super helpful

Thank you for this guide, it's AMAZING and very easy to follow.

Thank yo so much!!! I can't tell you how long I have been trying to do this with no luck...very much appreciate you!!

So obvious, which probably explains why I never thought of it. Thanks, Robert, very useful little tip!

Fun and easy to implement. thanks chmap!

Best type of video! Perfectly executed. I was in and out with exactly what I wanted within 2 minutes. Gets a like and subscribe from me, thanks my man!

Amazing video, thank you!!

You are incredible! Easy to understand and worked perfectly!

Super awesome! Thank You!

Hi Rob, which screen recorder do you use? I'm using OBS but I really like the zoom in effect there at 1:14. Is that done in post-production or directly from your screen recording software? Thanks 👍

Thank you so much!! Helped me do something I didn't know how to 🤣

Thank you so much. You helped me a lot and you explained it so well and simple.

Thank you Robert! Very helpful as always!

Fantastic tutorial, THANK YOU SO MUCH!!!

Just what i needed. Thank you!

Extremely helpful. Thank you so much!

Your videos calm me down. Great Brother. Also, I was thinking if in responsive mode I can show that button with hamburger icon.

super helpful ! thanks Robert

Thank you so much for this video! It was so helpful :)

Worked perfecly! Thanks man!!

amazing! didn't know this could be done!!!

For everyone who wants to change the color of the text, but can't: this is what you need to do: add !important. So it looks like this: color: #ffffff!important

Thank you putting this together. I just noticed that it works as expected, however, the "Red Heart" emoji shows up on Firefox, but not on Google or Bing. Am I missing a step? Thanks again for sharing this guide.

Thanks mate, it was very simple and clear.

Thank you Robert. Great content.

Really Helpful. Simply Amazing. Icon isn't getting displayed, what have I to do?

So awesome! Thank you 🙏🏽

Thanks for this

Hi Rob, great tutorial! Thank you for sharing and it was really helpful. I wonder if there is a way to create 2 different styles of custom buttons on the headers using this method?

Brilliant👍

This worked very well, thanks! Do you have a tutorial on how you created the moving dust like particles in the background of your website? Thanks!

Thanks man!

Loved this! Your video was so easy to understand. I have my button on my menu and it links perfectly. I am having an issue with the background color. It's there, briefly, when I load the website but disappears after the site loads. Very strange. I'm not sure what is happening. Any ideas? I can link to the website if needed.

thank you so much!

copy your code but still the button is not seen, I did place the span as you said but it still does not work, is there any way you can help me?

Thanks man

This is an awesome video - and I have a question! This creates a great new button at the top of my website. But I want to point the button to a Mailchimp signup form. Right now the button just clicks back to my website home page. Do I perhaps create a new page with the signup form and somehow point the button there? Again, awesome and helpful video!🙂

Thanks!

@tipswithpunch thank you for the tutorial! Is there a way to put in more buttons in different colours in the menu? thank u :)

Sweeet..FYI for those working with themes: My theme has several menu options, so I just had to make sure I choose the theme menu and not create a new menu & voila

Great guide, thank you so much! The color for the text is not changing, even when I change the hex code; but the color change for the button (fixed & hover) did work. Any ideas what might be preventing the button text color from changing?

great video. however on my mobile version the button is not aligned correctly with the text. it is higher

wooow worked

Hey Robert, I have applied the codes as you told and its perfect, thank you so much for this tutorial. Actually I'm facing an issue. I want that a new window opens after clicking on the button. Please, Can you help me in this. Please bro!

This is great! Thanks! One question, the button and colors I changed look fine in the Additional CSS window, but in Elementor, the text color of the button is still my default color from the rest of the menu (blue) but I want the button text to be white, like it is in the Additional CSS window. Any idea why it's not changing in Elementor?

Can you do a tutorial on how to add text to the header on mobile? That is another thing I am trying to accomplish and am unable to find a way. I am self taught and do not know enough css to figure it out and some of the tutorials I have tried are not working for me. Thanks for all you do!!

I niticed though that it has the tendancy to place the button from top downwards. Hiw did you detach/ create a space between the top of the header and button?

Hi Rob! Thank you for the video. I am currently using Phlox theme, and I found it already has some codes in the additional code section. What can I do?

Hello, first off thank you for your help, much appreciated. I'm wanting to use this button with a drop down menu item...is it possible as I'm not having luck. The drop down doesn't stay dropped in order to select an item in the drop down...if that makes any sense!

the text within my button is indented so far down it lies outside of the button itself. I can't seem to figure out why that would be the case. Any suggestions on what to look into? It seems padding on the sides isn't working at all either

Thanks for the help! I tried it in my website but there is something weird: the button is displayed (shape, color etc.) but the text is outside the button. I tried to change the width to see if it was because of the word length but it changed nothing. Do you know how I can fix it?

Hi, I am managing a new website and there is a button in the header of one page but I cannot find the code for it and I need to relink it.

one issue I run into, is whatever the color is of my other header text is, will be the same color of the button text, and I havent been able to override it with code. any suggestions?

Thats worked, thanks for the tip. But my buttons heigh is stretched along the menus hegh. How to fix this?

Hi, help. the button is fitting perfect on desketop, but on mobile it's looking weird. Is there a way to set different width for mobile and desktop? i am from Brazil. 😍

👍

Hi, I Have changed the colour of the button but cant change the colour of the text?

Hi! Thanks for the video- very useful and the button is up and running - buuut- I'm now stuck. I want to link the button to an actual sign up form!! I have mailchimp integrated but for some reason, it doesn't work with this when I put in the shortcode. In any case, I'm completely clueless and perhaps doing it all incorrectly anyway. I'm trying to grow my followers but if no sign-up button ?? Sigh

It worked great! But now I changed the theme of my website, the button is still there, however, the text color won't change. It's white (as the color of the text of the website) and I need it black. Can you help?

I got it mostly there but my text wont turn white. I did use the hex code any idea?

Can I change the location of the button like upper of my menu bars?

Hello, I would like to add a full custom menu header on my website, I already have a menu on the website, I would like to create a custom one over it do you have any code for that?

pleas help the button is invisble in tab and mobile

How do I change the height of the button on Mobile? On PC, it's good, but on mobile, it's clipped.

thanks a lot but how to adjust it for tablet or mobile devices all at the samt time

Hi Rob, I Have changed the color of the button but I cannot change the color of the text? The CSS on WP is the following one : /* Adjust button */ .custom-menu-button a{ color: #ffffff; /* Text color */ background-color: #2EA3F2; /* Btn bg color */ padding: 10px 9px; /* Space around text */ border-radius: 15px; /* higher number = rounded corners */ border: solid #2EA3F2 2px; /* Border color & thickness */ max-height: 30px; /* Max height of button */ } /* Adjust icon */ .custom-menu-button a:before{ content: ''; /* Change icon here */ margin-right:5px; /* space between icon & text on right */ } /* Adjust button on hover or remove the whole thing */ .custom-menu-button a:hover{ color: #ffffff; /* Hover color */ background-color: #E9E9E9; /* Btn hover bg color */ border: solid #000 0px; /* Hover border color & thickness */ } /* Remove default hover on links*/ .custom-menu-button:hover{ text-decoration: none; color:#fff!important; } Thanks a lot for your help!

How can I change the location from right to left please?

Mine has a weird # error in front of the button label.

hi, how to move menu header location for exampel from top to middle of the page? Thanks

Hi friend, I would like to know how can I add css code for my fibosearch bar on my oceanwp mobile menu, do you know how to code this?

Hi Robert, great video. I want to add a Whatsapp button there. How would I link to it?

still not see my button

How does it look on mobile

It's A button , how can you put two or more ? By the way , you didn't show how to change its place to right or left .

u lovely

you are soooooooooooo cute :)thx a lot

molecular structure not the same not a universal law