Hey guys, was wondering if there might be a way to disable the top navigation (not the logo) when one triggers the hamburger menu when using the "Fullscreen Inline w/ Dynamic Background" off canvas menu style. We love the option to float an image as a background layer, but it's really redundant to have two of the same navigation showing. This does seem to happen with the "Slide Out From Side" menu style so I'm hoping this might be an easy css add?
Also, is there anyway to add a simple rollover effect on the sites logo (like a line or opacity change) to indicate going back to the homepage?
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
#header-outer.side-widget-open ul .menu-item
{ opacity: 0;
}
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Hey guys, was wondering if there might be a way to disable the top navigation (not the logo) when one triggers the hamburger menu when using the "Fullscreen Inline w/ Dynamic Background" off canvas menu style. We love the option to float an image as a background layer, but it's really redundant to have two of the same navigation showing. This does seem to happen with the "Slide Out From Side" menu style so I'm hoping this might be an easy css add?
Also, is there anyway to add a simple rollover effect on the sites logo (like a line or opacity change) to indicate going back to the homepage?
Thanks!
Hi Eric,
Thanks for writing to us.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
#header-outer.side-widget-open ul .menu-item { opacity: 0; }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Thank you Judith. That worked great. Any ideas re getting a rollover effect for the site's logo?
Hi Eric,
Thank you for getting back to us.
Unfortunately, that is currently not possible with the theme.
We appreciate your patience on this matter.
Regards,