Menu Problems

Support
#1

I am having a few problems on my website concerning the header/menu

  1. I want to get rid of the blue lines that show up when I hover over a menu item

  2. I currently use woocommerce on my site. I cannot find a way to change the color of the prices on my products. How do I change these, and only these colors, to green?

  3. My footer menu isn’t showing up even though I have specified the footer menu. How do I fix this?

#2

Also, my header is hanging over onto my main menu. How do I raise this to a new level?

#3

Hello @65kmanspt,

Thanks for asking. :slight_smile:

For first and second question you can add following CSS under X > Launch > Options > CSS:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {box-shadow: none;}

.woocommerce div.product .summary .price>.amount, .woocommerce div.product .summary .price>ins>.amount {color: #000;}

Regarding next, two questions can you please share website URL for us to take closer look?

Thanks.

#4

the url is in a secure note above. thank you

#5

Hi There,

Please navigate to X > Theme Options > Header > LINKS – ALIGNMENT > NAVBAR TOP LINK ALIGNMENT (PX) > change to 45:

Hope it helps :slight_smile:

#6

Thank you! As for the price color, your code did fix it on the product page itself but it is still blue color in the shop/category pages. How do I change this?

#7

Hello There,

Please update the css to change the color of the price. Use this instead:

.woocommerce div.product .price>.amount,
.woocommerce div.product .summary .price>.amount, 
.woocommerce div.product .summary .price>ins>.amount {
   color: #000;
}

Please let us know how it goes.

#8

I changed the CSS and it is still only changing the color on the product page itself, not the color of the price from the shop view

#9

Hi There,

Please also add this custom CSS:

.woocommerce li.product .entry-header .price>.amount, 
.woocommerce li.product .entry-header .price>ins>.amount {
    color: #418643;
}

Hope it helps :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.