Mega Menu does Not Take The Same Color As The Rest Of The Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mega Menu does Not Take The Same Color As The Rest Of The Menu

Francois Barnard

Francois Barnard

SP Page Builder 4 years ago

Hi

I am building a onepager web page in Joomla 4 for the first time. I am using the latest versions of Joomla, SP Pagebuilder & Helix Ultimate.

I changed the CSS to update the menu background to dark green and the menu items to white. However, the Megamenu and Off Canvas menu (hamburger menu) are colored black and would not take the color I previously set.

See https://justenjoy.org.za

How can I change the menu item colors to white? (and the Off Canvas Menu)

Regards,

J. Francois Barnard

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #30779

Hi there!

Where did you put your custom codes to make these changes, please?

Here is all about custom code: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-code-css-js-meta

Best Regards

0
Francois Barnard
Francois Barnard
Accepted Answer
4 years ago #30918

Hi Rashida

Thank you. My apologies - I should have logged this under Helix and not SP Pagebuilder.

I do not know CSS that well. But you gave me some custom CSS code before and I have built up a database of code I can use for some modifications I need.

I this case, I have changed the default background color of the menu to dark green and the menuitem color to white. But the MegaMenu's menu item (Call Now) is in black, not white like the rest of the menu.

Also, I have enabled social icons, and placed them on the [title] position. I see I can enter CSS code in the Layout of the [title] position as well, and need the icons to be white (not blue) and on the same dark green background, and right-aligned.

I have no idea what CSS code to use. Can you perhaps give me code I can store in my CSS database for future reference?

I am working on https://justenjoy.org.za

Regards, J. Francois Barnard

0
Francois Barnard
Francois Barnard
Accepted Answer
4 years ago #30921

Hi Rashida On the social icons I managed to change the background color and link color - so that is sorted, but I am still battling to right-align it. :-)

0
Francois Barnard
Francois Barnard
Accepted Answer
4 years ago #30931

I tried

div#sp-title.col-lg-12 {
    text-align: right;
    }

but to no avail

0