Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to change Menu Items when using sticky menu.

Featured Lock Resolved Task
I'm using the Hope Template with transparent header. When the pages first open, the menu items and logo should be displayed in White (255, 255, 255). BUT, once you begin to scroll down, and the Sticky Menu appears, It will be in WHITE as well, so I need the Logo and Menu Items to switch to BLACK (0,0,0) .

Currently, I can have one or the other colors, but there should be some way in CSS that when the Sticky Menu appears, I can change the menu item colors? I know changing the LOGO may take some PHP tricks, but my client is adamant that they be able to do this in their site as it must mirror the Main Company site that is using Wordpress and has this capability.

I appreciate your assistance, as always.

Thanks!

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
with URL help would be more effective from our side.
Yes, probably custom CSS is needed, but as you know it's single change only.

Alan

More than a month ago #Permalink
Hi,
with URL help would be more effective from our side.
Yes, probably custom CSS is needed, but as you know it's single change only.


The site is located at http://habitat.ucswebsdev.com

Paul Frankowski - Staff

More than a month ago #Permalink
Thanks. Use this:

.menu-fixed .sp-megamenu-parent > li > a,
.menu-fixed .sp-megamenu-parent > li > span { color: black;}



The key was class ".menu-fixed" which is used when a header is scrolled down

Alan

More than a month ago #Permalink
That has resolved my menu items color issue.

I just need to be able to switch the logo from a white logo when the background is transparent to to a black logo when the header is scrolled down so that it is visible in both circumstances.

Thanks for all you do!

Alan

Paul Frankowski - Staff

More than a month ago #Permalink
As I know it's not possible in that template.
It request deeper code customization of that file
templates\shaper_hope\features\logo.php


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 146
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289438

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us