Tagged: menu
-
AuthorPosts
-
October 17, 2013 at 11:32 am #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 hereAny ideas?
Thanks,
Guy.October 17, 2013 at 2:44 pm #177012Hello 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 itCheers!
YigitOctober 17, 2013 at 3:43 pm #177043Hi 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.
October 17, 2013 at 3:58 pm #177047Hi!
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!
YigitOctober 17, 2013 at 4:25 pm #177054This reply has been marked as private.October 17, 2013 at 6:02 pm #177086Hello!
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.
October 17, 2013 at 7:53 pm #177149Hi,
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 #177231Hello!
Sorry, i forgot to add menu id. I edited the code above. Please try now
Best regards,
YigitOctober 18, 2013 at 7:12 am #177275Thanks!
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 #177754Hi!
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,
IsmaelOctober 19, 2013 at 8:40 pm #177938Hi,
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.
October 21, 2013 at 2:02 am #178210Hey!
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,
IsmaelOctober 21, 2013 at 7:52 am #178292Hi,
I am using Win 8.1 64 bit latest Chrome
Cheers,
Guy.October 22, 2013 at 11:12 am #178967Hi,
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.
October 24, 2013 at 11:15 pm #180414Hi Guy!
Try adding this too:
.header-scrolled li#menu-item-3512 a { margin-top: 23px; }
Best regards,
JosueOctober 25, 2013 at 7:32 am #180524Works great!
Thanks. -
AuthorPosts
- The topic ‘Header menu button’ is closed to new replies.