Menu Active & Hover Background Color

[Loredana Sbroglia]

Hi,
is possible to set the Menu Active & Hover Background Color in transparent mode?

Thanks

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Loredana Sbroglia]

Hi Chris,

Website URL is:

“http://lnx.gransassoadventurepark.it/wp/

the site is still in developing mode.

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul li.current-menu-item a, #topmenu ul li.current-page-item a, #topmenu ul li.current-menu-ancestor a, #topmenu ul li a:hover {
    background-color: rgba(104, 181, 56, 0.5) !important;
}

Regards,
Chris

[Loredana Sbroglia]

Thank you Chris,
this was very helpful.

Thanks

[Sonl Sinha]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Loredana Sbroglia]

Hi Chris,
i need to customize footer menu, but it is not present in the menu list and a message says that my theme supports only one menu’.

Can you help?

Thanks

[Sonl Sinha]

Hi,

Kindly create a menu and add a menu listing to it, and put this shortcodes in the footer column.
[footermenu menu="Menu Name"]

Regards,
Chris

[Loredana Sbroglia]

Thank you,
this solve the problem!!

[Loredana Sbroglia]

Hi Chris,
mobile menu’ stopped working without apparent reason, can you check please?

Thanks

[Sonl Sinha]

Hi,

Are you using SKT Templates plugin? If yes.

Kindly deactivate SKT Template plugin.

Regards,
Chris

[Loredana Sbroglia]

Ok,
SKT Templates Plugin disabled and mobile menu’ is working.

Is possible to reduce the dimension of the logo in the header only for the mobile version?

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.header.type3 .logo img, .header.type4 .logo img {
    width: 70% !important;
}
.header.type3 .logo img, .header.type4 .logo img {
    margin-top: 5px !important;
}
.header.type3 .logo img, .header.type4 .logo img {
    margin-bottom: 5px !important;
}
}

@media screen and (min-width:480px) and (max-width:767px) {
.header.type3 .logo img, .header.type4 .logo img {
    margin-top: 5px !important;
    width: 35% !important;
}
}

Regards,
Chris

[Author]

Posts