Page 1 of 1

Bootstrap menu test

Posted: Sat Jan 21, 2023 11:51 pm
by alan_sh
I'm checking out the bootstrap navigation menu (paid) as it looks good.

I've changed the background and background active colours to transparent and the hover colourto blue. Looks OK, except the first menu item, when I hover over it, doesn't go to blue. The others do.

What am I missing?

Here's a link to the project https://www.dropbox.com/s/ri32lhhpckav2 ... t.wbs?dl=1 - all it has is the menu inside a layout grid.

cheers

Alan

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 8:15 am
by Pablo
You have marked the first item 'active' so that item will use the 'active' background color.

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 10:29 am
by alan_sh
Thank you - I didn't even spot that.

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 1:03 pm
by alan_sh
Next issue - same link as above.

I have set the active background colour to red. I would expect that, when I click on a menu item (top level) that the hover colour would change from blue to red. But it stays at blue.

Once again, what have I missed?

Alan

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 1:12 pm
by Pablo
The activate color will overrule the hover color, so the color will not change on hover.

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 1:34 pm
by alan_sh
Pablo, the colour doesn't change when I click on the tab. I would expect it to change to red (the active colour).

Or, am I misunderstanding what 'active' means?

Alan

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 1:38 pm
by alan_sh
OK - it looks like I am misunderstanding what 'Active' means.

So, what is the purpose of making one tab as 'active'? I can't see the point.

Alan

Re: Bootstrap menu test

Posted: Sun Jan 22, 2023 3:50 pm
by Pablo
'Active' means the item links to the current page.