Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #176950

    Hi,
    I am using Enfold theme and need to add a button like menu item on the header menu.
    It should look something like the “Login” top menu item seen here

    Any ideas?
    Thanks,
    Guy.

    #177012

    Hello guyco!

    You can create a link in Appearance > Menus and add it your main menu http://i.imgur.com/cJxNtkL.jpg
    Then you can post the link to your website and we can help you style it

    Cheers!
    Yigit

    #177043

    Hi Yigit,
    I’ve already done the first part, not sure what you mean by:
    “Then you can post the link to your website and we can help you style it”

    Thanks,
    Guy.

    • This reply was modified 11 years, 2 months ago by guyco.
    #177047

    Hi!

    I mean you can post the link to your website here so we can give you custom CSS codes to make your menu item look like the one you showed in your first post

    Cheers!
    Yigit

    #177054
    This reply has been marked as private.
    #177086

    Hello!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #menu-item-3512 .avia-menu-fx { display: none; }
    li#menu-item-3512 a { padding: 5px; background-color: blue!important; color: white!important;height: 30px!important; line-height: 20px!important; margin-top: 43px; border-radius: 15px; }

    Regards,
    Yigit

    • This reply was modified 11 years, 2 months ago by Yigit.
    #177149

    Hi,
    Thanks.
    Did that, but it is not working …
    Should I add something to the “CSS Classes (optional)” of the menu item?

    Thanks,
    Guy.

    #177231

    Hello!

    Sorry, i forgot to add menu id. I edited the code above. Please try now

    Best regards,
    Yigit

    #177275

    Thanks!
    I can not attach a screenshot, but please check and see how it looks, there are still problems.
    Thanks,
    Guy.

    #177754

    Hi!

    It looks ok on my end. Please edit Yigits code to something like this:

    li#menu-item-3512 a {
    padding: 5px 10px;
    background-color: blue!important;
    color: white!important;
    height: 30px!important;
    line-height: 20px!important;
    margin-top: 43px;
    border-radius: 10px;
    }

    This is the screenshot:

    Regards,
    Ismael

    #177938

    Hi,
    I’ve changed the quick css to match your latest, and this is how it looks for me (Chrome):

    Thanks,
    Guy.

    • This reply was modified 11 years, 2 months ago by guyco.
    #178210

    Hey!

    What OS are you testing this with? The screenshot above is taken from Chrome Windows 7 64bit. Even if I resize the browser, the login doesn’t get out of alignment.

    Regards,
    Ismael

    #178292

    Hi,
    I am using Win 8.1 64 bit latest Chrome
    Cheers,
    Guy.

    #178967

    Hi,
    Looks like it was a cache issue.
    One issue and a question left :)
    Issue – When scrolling down the button is not aligned with the fixed menu

    Question – This is the staging site, once I will remove it to the production site should the provided quick css code be changed?

    Thanks,
    Guy.

    • This reply was modified 11 years, 2 months ago by guyco.
    #180414

    Hi Guy!

    Try adding this too:

    .header-scrolled li#menu-item-3512 a {
    margin-top: 23px;
    }
    

    Best regards,
    Josue

    #180524

    Works great!
    Thanks.

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Header menu button’ is closed to new replies.