Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 10, 2015 at 4:09 pm #457311
    GeoCreo

    Hello there,

    I would like to make the side navigation menu transparent. Is there a button or code for this?

    Best regards,
    Geo

    June 11, 2015 at 6:36 am #457610
    Rikard

    Hey GeoCreo!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    June 11, 2015 at 10:39 am #457711
    GeoCreo
    This reply has been marked as private.
    June 11, 2015 at 11:43 am #457737
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li > ul *,.av-main-nav > li > ul { background-color: transparent!important; }

    If that does not help, please post a screenshot and show the changes you would like to make

    Regards,
    Yigit

    June 11, 2015 at 11:55 am #457743
    GeoCreo

    Hi Yigit,

    Many thanks for this. Unfortunately,I managed to lose the code you provided yesterday for the transparency and can not find the post. Adding this code alone is currently making no change.

    Thanks!

    • This reply was modified 8 years, 10 months ago by GeoCreo.
    June 11, 2015 at 11:59 am #457747
    Yigit

    Hi!

    Do you have another account or did i posted the code for another user? I checked your previous topics and posts but could not find your question. If you do not mind explaning the changes you would like to make, we can send the code once again :)

    Cheers!
    Yigit

    June 11, 2015 at 12:03 pm #457751
    GeoCreo

    Sure, no problem.
    Basically, I’d like to make the color of the main left sidebar menu semi-transparent so that the layerslider is visible behind it.
    The code you had provided yesterday was successful in making the left sidebar background completely transparent.

    Many thanks!

    June 11, 2015 at 12:08 pm #457752
    GeoCreo

    Hi Yigit,

    Many thanks for this. Unfortunately,I managed to lose the code you provided yesterday for the transparency and can not find the post. Adding this could alone is currently making no change.

    Thanks!

    June 11, 2015 at 12:55 pm #457779
    GeoCreo

    Alternatively I can upload a custom background image that is transparent but this is not displaying as it’s being overriden by the background color.

    June 11, 2015 at 1:03 pm #457784
    Yigit

    Hi!

    If you set header background to transparent it would look like this – http://i.imgur.com/fj45Ynh.png
    You can go to Enfold theme options > General Styling > Logo Area and set a custom Background image

    Best regards,
    Yigit

    June 11, 2015 at 1:28 pm #457797
    GeoCreo

    Hi Yigit,

    Yes, complete transparency is a problem, which is why I thought something that is semi-transparent (showing the background color slightly with some opacity) would be great.

    Thanks!

    Regards,
    Geo

    June 11, 2015 at 1:40 pm #457803
    GeoCreo

    I guess what I actually need is the code for opacity :)

    June 11, 2015 at 1:41 pm #457806
    Yigit

    Hey!

    You can add following code to Quick CSS 

    .header_bg {
  background-color: rgba(0,0,0,0.7)!important;
}

    0,0,0 is RGB value of the color and 0.7 is opacity level

    Cheers!
    Yigit

    June 11, 2015 at 2:02 pm #457818
    GeoCreo

    Thanks Yigit!

    This did it for me:

    .header_bg { background-color: rgba(0,0,0,0.7)!important; }
#main { margin-left: 0px !important; }

    Best regards,
    George

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How can I make the sidebar menu transparent?’ is closed to new replies.