How to add a menu link/button via css?

by Diana November 17th 2015, 2:38 pm

what the title says.

by Guest November 17th 2015, 6:51 pm

Hello,

Sorry, but you can't add links in the menu using CSS. You can do that via HTML or JavaScript.

by **SLGray** November 17th 2015, 7:32 pm

You can add customized links and buttons to the menu here:

AP > Display >Homepage > Navigation & Headers

by Diana November 17th 2015, 10:36 pm

SLGray wrote:You can add customized links and buttons to the menu here:

AP > Display >Homepage > Navigation & Headers

I know but the rest of the menu is made via css and if I make a button through navigation and headers it appears lower than the rest of my menu.
The link/button is a custom one (a link to and html page) so I dunno what codes I'm supposed to use.
Like, for example, this is one of the codes I use:

Code:: /* Index / Home */ #i_icon_mini_index{width:102px; height:57px; background:url("IMG URL") no-repeat 0 0;}

The link I want to add in the menu is http://velvet.forum.co.ee/VHH-h10.htm, I want to use a button for it.

html or javascript would be fine too if it works.

by Diana November 18th 2015, 11:17 pm

anyone?

by Diana November 19th 2015, 11:43 pm

Diana wrote:anyone?

by **TheCrow** November 19th 2015, 11:48 pm

Hello @Diana, have you tried adding a rule for the button?
For example

Code:: z-index:999999!important;

This works for elements with lower z-index. If this doesn't work for you, you can easily create your own menu via the templates and using CSS for each and every one of the links you want.

by Diana November 20th 2015, 1:17 am

Luffy wrote:Hello @Diana, have you tried adding a rule for the button?
For example
Code:
z-index:999999!important;

This works for elements with lower z-index. If this doesn't work for you, you can easily create your own menu via the templates and using CSS for each and every one of the links you want.

Thanks for the reply! Smile

Do I just make the button the normal way and then add this z thingy in the css?

by Diana November 24th 2015, 12:01 am

can anyone help!?

by **TheCrow** November 24th 2015, 12:04 am

@Diana try creating the menu link via the Admin Panel way mentioned above and we'll change it together and place it wherever you want using CSS.
** Please give us your forum also! Smile

by Diana November 27th 2015, 1:29 am

http://test.forumpro.eu/
I mean the VHH button. It's clearly lower than the rest of the menu.

by **TheCrow** November 27th 2015, 1:38 am

Ok @Diana, try adding this in your CSS:

Code:: a.mainmenu[href="http://velvet.forum.co.ee/VHH-h10.htm"] img { margin-top: -10px !important; margin-bottom: 10px; }

This should line up the button! Smile

by Diana November 27th 2015, 3:41 pm

Luffy wrote:Ok @Diana, try adding this in your CSS:
Code:
a.mainmenu[href="http://velvet.forum.co.ee/VHH-h10.htm"] img { margin-top: -10px !important; margin-bottom: 10px; }
This should line up the button!

thanks, it worked! Smile