Archived topic
Off Canvas Menu Styling
3 replies · Started by Gurer on May 1, 2020
Hi,
Thank you for creating this beautiful theme. You are very talented people.
1- I am trying to do the same off canvas menu like the example below,
http://www.dream-box.tv/en/home
Is it possible to do in gp premium with some css tricks?
2- Is it possible to make works page with gp like below example?
http://www.dream-box.tv/en/works
I installed generate blocks too but couldn't figure out how to do same mouse over text and color overlay effect they gave to works photo links.
3- Is it also possible to set a cover photo to the off canvas menu background?
Have a nice day,
Thanks
Hi there,
1. Not possible without a custom solution with some pretty substantial custom coding unfortunately.
2. Unfortunately same thing as #1. These special effects would require quite a bit of custom coding which is a bit out of the scope of this forum.
3. This we should be able to do it with some CSS:
#generate-slideout-menu {
background-image: url('https://URL-HERE')
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Thanks Leo,
I have more questions,
1- I added sticky navigation, when I click a menu item the scroll position is wrong.
I mean the height of sticky menu is making a problem and the positioning of scroll is wrong.
Can you please check? Is there a way to solve it?
2- Is there a way to use the code of generate blocks in the themes elements section?
Because it is nearly impossible to edit html in that area.
Thanks
Can you open a separate topic for each of your questions?
It would help us to track each issue better.
Thanks :)