- This topic has 51 replies, 4 voices, and was last updated 6 years, 6 months ago by Tom.
-
AuthorPosts
-
November 23, 2016 at 2:02 pm #247092Paul
Is it possible in GP to have a menu navigation bar like this..
As you scroll down the edges of the menu background image has a nice effectThanks
November 23, 2016 at 10:59 pm #247164TomLead DeveloperLead DeveloperYou could do something like this using the Backgrounds add-on. Basically you would have to design the image to repeat-x across the bottom of the navigation.
November 24, 2016 at 7:13 am #247276PaulThanks Tom
I made progress and was able to use a transparent image as the menu background, but how can I force the navigation background to be transparent?See screenshot – http://screencast.com/t/B0m6ftdYW
Thanks
November 24, 2016 at 7:22 am #247281JamalHi
Leaving the background color value empty usually works, have you tried that?
November 24, 2016 at 10:59 am #247344PaulThanks for the help Tom and Jamal.
November 24, 2016 at 11:13 am #247346PaulAlso, is there a way to remove the thin line at the bottom of the menu background?
See in this screen shot:
http://screencast.com/t/x5wzrXiJThanks
November 24, 2016 at 11:38 am #247354TomLead DeveloperLead DeveloperTry this:
.main-navigation.navigation-clone, .main-navigation.is_stuck { box-shadow: 0 0 0 0 transparent; }
November 24, 2016 at 5:09 pm #247425PaulI added the ‘Simple Custom CSS’ plugin and added the CSS like so..
http://screencast.com/t/yj4O8ETveSs
But i still see the thin line
Paul
November 24, 2016 at 5:10 pm #247426TomLead DeveloperLead DeveloperCan you link me to your site?
November 24, 2016 at 5:29 pm #247433PaulSure, its http://pastorschaller.com/tg1/
November 24, 2016 at 6:37 pm #247439PaulI redid it and it seems to be fine now
Thanks for the help thoughNovember 24, 2016 at 9:54 pm #247451TomLead DeveloperLead DeveloperSite is looking great! 🙂
November 26, 2016 at 2:20 pm #248080PaulIve almost succeeded but need a little more help.
So I want the jagged edge semi transparent menu, to be like this…
http://screencast.com/t/1RVxeTxBSSS7
But when at the TOP of the page the background under the jagged edge is also transparent and looses the look, and becomes this..
http://screencast.com/t/GCe3bBvofbMy setting are:
colors > Primary Nav > Background = transparentThe work around would be to make the menu background the same red color, but what if I want to use a picture instead of the red color on certain pages
Thanks for a great theme, and great support
Test site: http://pastorschaller.com/tg1/
PaulNovember 26, 2016 at 10:06 pm #248127TomLead DeveloperLead DeveloperYou may need to make the body background that same red, and then make sure all of your sections have background colors (so they’re not red).
Also, try this for the shadow:
.sticky-enabled .main-navigation.is_stuck { box-shadow: 0 0 0 0 transparent; }
November 27, 2016 at 7:56 am #248283PaulTom the shadow fix works perfectly thank you!
So, I made the body background red which is perfect for the homepage since the top section is also red.
However look at the ‘catering’ link (http://pastorschaller.com/tg1/catering/)- How can I access the red under the jagged edge. Im using Elementor as my page builder, and I have GP Premium.
I did choose a background color for each section, but I dont see a way to nudge the ‘section’ 10px higher so it pushes the red out of the way. Or is there a way to independently choose a body background color on each page?
Thanks ! -
AuthorPosts
- You must be logged in to reply to this topic.