| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Sidebar CSS Flyout Menu | |||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
Sidebar CSS Flyout Menu
I'm having a hard time getting my sidebar menu to have the same hover effect as my top menu.
Here is the CSS I used: .flyout-menu > li > a:hover, .flyout-menu > li > a:focus { color: #F4EFE7; background-color: #00244D; } .flyout-menu > .active > a, .flyout-menu > .active > a:hover, .flyout-menu > .active > a:focus { color: #F4EFE7; background-color: #00244D; } The background color changes, but the li and text color does not. https://test.duffystric.com/
__________________
Dawn X-Cart Business 5.3.6.3 Mods: Qty input - Custom Mod Part numbers near title - Custom Mod Membership approval before ordering - Custom Mod Order Forms - Custom Mod Freight on Board - Custom Mod Catalog Order Form Call For Price Template: Crisp White skin Running on Windows |
|||||||
#2
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
Which template are you using?
__________________
X-cart 5.2.12, php 5.6 Ed from Grenoble, France |
|||||||
#3
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
Crisp White skin
__________________
Dawn X-Cart Business 5.3.6.3 Mods: Qty input - Custom Mod Part numbers near title - Custom Mod Membership approval before ordering - Custom Mod Order Forms - Custom Mod Freight on Board - Custom Mod Catalog Order Form Call For Price Template: Crisp White skin Running on Windows |
|||||||
#4
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
Oh, sorry, it was in the signature...
I tested and a strange thing happened. I edited custom css, and your css code actually worked both for the background color and text color. However, when I switched to another page, none worked... (x-cart 5.4.0.10 with crispy white skin). I am afraid this doesn't help you much...
__________________
X-cart 5.2.12, php 5.6 Ed from Grenoble, France |
|||||||
|
#5
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
Mostly like you used very specific classes that were changed once a new page was loaded. I would recommend checking same sections on different pages. It is possible that some additional steps could be added there.
E.g. WAS: .flyout-menu > .active > a BECAME: .flyout-menu > .div > .li > .active > a etc.
__________________
X-Cart Team |
|||||||
#6
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
Thanks, but I don't understand what I should change.
Here is the CSS I used: .flyout-menu > li > a:hover, .flyout-menu > li > a:focus { color: #F4EFE7; background-color: #00244D; } .flyout-menu > .active > a, .flyout-menu > .active > a:hover, .flyout-menu > .active > a:focus { color: #F4EFE7; background-color: #00244D; }
__________________
Dawn X-Cart Business 5.3.6.3 Mods: Qty input - Custom Mod Part numbers near title - Custom Mod Membership approval before ordering - Custom Mod Order Forms - Custom Mod Freight on Board - Custom Mod Catalog Order Form Call For Price Template: Crisp White skin Running on Windows |
|||||||
#7
|
|||||||
|
|||||||
Re: Sidebar CSS Flyout Menu
It's impossible to say what you should change as almost every template has a different structure. I would recommend checking them with the browser devtools to see how blocks are constructed.
__________________
X-Cart Team |
|||||||
|
|||
X-Cart forums © 2001-2020
|