Header Menu Button

  • Author
    Posts
  • #158057

    ddacoaching
    Member
    Original poster

    Hello Taras,
    Another quick question. Is there any way to create a button from one of the header menu items like in this example?

    https://wpexplorer-themes.com/total/docs/header-one-menu-button/

    I’ve run through several different CSS options with no luck so far. Thanks!

    The blog I need help with is: datadrivenathlete.com

    #158076

    tarasdashkevych
    Theme Author

    Hi Nate,

    If you are referring to the Class option for the menu items then please see this blog post: https://themesharbor.com/adding-a-custom-class-to-a-wordpress-menu-link/

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #158084

    ddacoaching
    Member
    Original poster

    Awesome…that worked perfectly…for whatever reason once I moved the CSS block to the top of my CSS it finally worked. Thanks as always!

    #158139

    tarasdashkevych
    Theme Author

    Nate,

    “…for whatever reason once I moved the CSS block to the top of my CSS it finally worked.”
    – It looks like you have an error in your custom CSS which causes the issue.

    The following custom CSS on your site is missing “}” in the end of CSS:

    
    @media only screen and (max-width: 500px) {
       #masthead .site-branding {
          margin-bottom: 0;
       }
    

    It should be like this:

    
    @media only screen and (max-width: 500px) {
       #masthead .site-branding {
          margin-bottom: 0;
       }
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #158148

    ddacoaching
    Member
    Original poster

    Got it…thanks!

    #158198

    tarasdashkevych
    Theme Author

    Nate,

    Not a problem!

    Kind regards,
    Taras

The topic ‘Header Menu Button’ is closed to new replies.