theme magic

rmspmhc

Responsive: when a Sub Menu item is selected the background is black and I need it to be Blue.

Website: The drop Hover color needs to be blue.

This will solve my navigation styling issues.

Ninja

rmspmhc
Hi
You need the code in custom.css file and change the color codes to your blue color code.
Also you have server cache, so you need to clear server cache after apply changes.
As i asked in other thread as well your site using pagespeed cache.

Regards

rmspmhc

Custom file has all the code you have provided and I have applied the colors I need.

I made sure all cache is disabled in the backend of website & hosting and cleared the web browser.
I turned off pagespeed cache in the cpanel. and I went I cleared Cache and sytem cache in the backend.

My issue is still present.

Ninja

rmspmhc
Hi
There are many errors in your custom.css file
I corrected each line now you can see the code is working fine.
Now all codes are working fine, if you want to change the colors you can change the color codes as per needs.
Make sure color codes start with #

Regards

rmspmhc

About the navigation on the front of the page of the website from a computer. https://rmspmhc.com/en/member-websites
How do I change the rollover color for the sub menus? It is currently a dark grey color and i would like to change it to red or blue. Thank you for your assistance with the navigation color for the responsive views.

Ninja

rmspmhc
Hi
To change the hover color add this code in custom.css file

.ja-mainnav .dropdown-menu li > a:hover, .ja-mainnav .dropdown-menu li > a:focus, .ja-mainnav .dropdown-submenu:hover > a {
    background: #666;
    color: #fff;}

Regards

paulus1031

Hi There,

I'm a little confused about what part of the site to look at as I can't see any sub menus (i've logged in)
The menu at the top has a rollover set the same colour as the red link e.g.
.ja-mainnav .navbar .nav > li > a {color: #d7010b;}

Can you point me with a screenshot what menu item I should be looking using a desktop

Thanks
Paul

rmspmhc

I added the CSS to the file and it did not change the color.

Please see attachment for reference. the sub menus on main nav on hover are a dark grey. I changed your code to reflect the color I need but it did not change.

rmspmhc

I logged in with the support login (super user) I made for you to see what you are seeing. Your view is entirely different than my view as a super user and I am not sure why. 1. the drop downs on the profile page & Home page are not visible from the support logged in view but they are on mine as a super user. 2. You are seeing the main navigration menu from your support login perspective on the profile page and it is not visible in mine on the profile page.

In a previous post I requested support for the main navigation menu not showing up on any page assigned to any user other than public. I would like to know how you forced the main menu to show up in your logged in view?

Ninja

rmspmhc
Hi
This is correct code:

.ja-mainnav .dropdown-menu li > a:hover, .ja-mainnav .dropdown-menu li > a:focus, .ja-mainnav .dropdown-submenu:hover > a {
    background: #666!important;
    color: #fff!important;}

use this and change color codes,
do not forget to clear Joomla and browser cache.
Regarding menu view its depends on what access level you will set for menu item in Joomla.
Public will show to all.
To check site i set it to public.

Regards

rmspmhc

Ninja I added this code to the custom code file and it still does not work. I clear the Joomla Cache and Browser cache every time I make any changes.

The main menu has always been set to public. The logged in users have a different menu I setup by using Community Builder tabs and fields (linked to all the public pages) because I was never able to get the main menu to show up on any of the CB Pages. But I think it is very interesting you managed to get the main menu to show up on the CB Pages from your logged in view. I gave you the same permissions I have and yet I cannot see the main menu from my logged in view on the Community Builder Pages.

Ninja

rmspmhc
Hi
I set the my profile menu to public to show it, i am not logged in before as well.
http://prntscr.com/j4mlgf
You can set it to public if you want to show it for all user.
Your custom.css file has syntax error
i fixed it now code is working but you have some server cache as the custom.css is not same
https://rmspmhc.com/templates/ja_mero/css/custom.css
as on backend.
Kindly clear server cache as well.
Also when u add css code make sure open and close braces should be same.

Regards

rmspmhc

Thank you for you help.