- This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago by
David.
-
AuthorPosts
-
October 1, 2019 at 12:36 am #1023067
Yungum
To whom it may concern,
I am writing this topic to ask navagation opaqueness problem on Volume theme.
This theme is working properly, however, since I accidentally deleted Slideout Header codes on Element, navigation opaqueness doesn’t seem to appear like Volume theme.
I tried to copy Volume demo site div but not working.
Currently my code is this.<div class="slideout-header"> <span class="custom slideout-toggle"><a><!-- custom slideout toggle --></a></span> <span class="slideout-exit"><a><!-- custom slideout exit --></a></span> </div>
How can I redo my code and work just like Volume navigation?
Thank you in advance.-Yungum
October 1, 2019 at 4:22 am #1023186David
StaffCustomer SupportHi there,
did you resolve the issue? I cannot see a difference – let me know and if needed send me a screenshot.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 1, 2019 at 6:46 pm #1023847Yungum
Thank you David for the reply.
I still have a problem and maybe my explanation was not enough.
Can I send you screenshots?
If you let me know your email address I will send you problem screenshots.
Thank you.-Yungum
October 2, 2019 at 5:22 am #1024148David
StaffCustomer SupportIf you can upload your screenshots to a share drive eg. Google Drive then attach the share links here or use one of the many online screenshot providers.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 2, 2019 at 8:02 am #1024432Yungum
David,
I uploaded a question to Google drive.
Please check the doc.
Thank you.October 2, 2019 at 8:13 am #1024445David
StaffCustomer SupportAh ok.
So in Customizer > Additional CSS look for this:.main-navigation .inside-navigation .menu .slideout-toggle, button.menu-toggle, .slideout-overlay { display: none !important; }
And change it to:
.main-navigation .inside-navigation .menu .slideout-toggle, button.menu-toggle, .slideout-overlay .slideout-exit { display: none !important; }
Then if you want to change the overlay color from default then use this CSS:
.slideout-overlay { background-color: rgba(255, 255, 255, 0.6); }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 3, 2019 at 3:20 am #1025048Yungum
Thank you David.
It works perfectly.
Have a good day 🙂-Yungum
October 3, 2019 at 3:27 am #1025056David
StaffCustomer SupportGlad to be of help.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.