MINIMAL - menu background (fixed layout)

valeria_ch · June 2017

Hello!

I am trying to change the background color of the submenu and I cannot find what I am looking for.

What I want is the menu links, when hovered, to have the same background shape and color (black) as the submenu links. It would be perfect if I could also change the opacity and set it to 70% or 50%...

You can have a look here: http://lnx.greenb.it

I can imagine this can be done with CSS.

Thanks for your help!

valeria

Bryan · June 2017

Hi,
I do not get you, you want to chage the submenu links or the menu links?

valeria_ch · June 2017

You can check the link in the menu REALIZZAZIONI. It has no background.

I would like to have the menu links and the submenu links to have the same black squared background, visible when I hover over the menu link.

I also would like to change the opacity of both, as I said.

valeria_ch · June 2017

Hope what I wrote is clear enough. If you need more details I can be more specific.

Thanks in advance for your suggestions!

valeria

Bryan · June 2017

Use this custom css

#Top_bar .menu > li:hover > a {
    background:rgba(0,0,0,.6) !important;
}

valeria_ch · June 2017

Thank you! it works, of course...

Just a detail, though. Is there a way I can modify the width of the menu item AND submenu item so that they are the same or different sizes (on purpose)?

Right now the submenu background is a couple of pixels bigger than the one of the menu item, which is not nice of course. Either the same length or definitely different.

Thanks again

valeria_ch · June 2017

Sorry if I add another note.

The background of the menu links can now have the opacity I want.

but the SUBMENU background maintains the default opacity of 100%.

So the aspects are TWO:

- how to adjust the length of the submenu fields

- how to adjust the opacities in order to have them (menu and submenu) going together, so to speak

Bryan · June 2017

We cannot have it the same width, sorry
Here is the css for the submenus

#Top_bar .menu li ul li {
   background:rgba(0,0,0,.3) !important;
}
#Top_bar .menu > li ul {
    background-color:transparent !important;
    background-image:none !important;
}

valeria_ch · June 2017

Quite sad...

Now I am back with NO background under the menu links, and I have a 0.3 opacity under the submenu links. So I am more or less back to the beginning.

Could I please keep the 0.3 opacity under the submenu and have THE SAME opacity or have it 100% black under the menu links?

valeria_ch · June 2017

I have managed by myself, I have seen how it works.

So strange the width cannot be adapted though... there must be some padding I can change.

If you happen to have the solution, please tell me. Otherwise I am ok as it is now

Thanks you!

Bryan · June 2017

Then change it in the custom css I gave you.

valeria_ch · June 2017

if you could kindly use some more words and be understandable, you would make life easier to your clients

Bryan · June 2017

Please understand that custom css we give to people is only our good will. We are not obligated to modify the theme from its current state. Our support should only include technical issues.

And everything seems to be working fine on your website.

Policy clearly says: Item support does not include services to modify or extend the item beyond the original features, style and functionality described on the item page. For customization services that will help you tailor the item to your specific requirements, we recommend contacting the author to see if they privately offer paid customisation services or checking out the great service providers on Envato Studio

valeria_ch · June 2017

I never meant to ask a customazation of the theme, I just wanted to understand how to works.

And this is included in the contract. Or not?

If something is not included in the service you give, you should say this. Answering in 3 words instead of 5, just gives a rather hard time to your client and to yourself.

MINIMAL - menu background (fixed layout)

Comments