Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 17, 2013 at 11:32 am #176950
    guyco

    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.

    October 17, 2013 at 2:44 pm #177012
    Yigit

    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

    October 17, 2013 at 3:43 pm #177043
    guyco

    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 10 years, 6 months ago by guyco.
    October 17, 2013 at 3:58 pm #177047
    Yigit

    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

    October 17, 2013 at 4:25 pm #177054
    guyco
    This reply has been marked as private.
    October 17, 2013 at 6:02 pm #177086
    Yigit

    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 10 years, 6 months ago by Yigit.
    October 17, 2013 at 7:53 pm #177149
    guyco

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

    Thanks,
    Guy.

    October 18, 2013 at 1:06 am #177231
    Yigit

    Hello!

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

    Best regards,
    Yigit

    October 18, 2013 at 7:12 am #177275
    guyco

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

    October 19, 2013 at 7:36 am #177754
    Ismael

    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

    October 19, 2013 at 8:40 pm #177938
    guyco

    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 10 years, 6 months ago by guyco.
    October 21, 2013 at 2:02 am #178210
    Ismael

    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

    October 21, 2013 at 7:52 am #178292
    guyco

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

    October 22, 2013 at 11:12 am #178967
    guyco

    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 10 years, 6 months ago by guyco.
    October 24, 2013 at 11:15 pm #180414
    Josue

    Hi Guy!

    Try adding this too:

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

    Best regards,
    Josue

    October 25, 2013 at 7:32 am #180524
    guyco

    Works great!
    Thanks.

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