Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 30, 2015 at 8:01 am #511162
    cagraphicdesign

    I would like to have a solid color behind the menu bar items when using a the transparent setting for the header. I had set the header to logo on left and menu right. Is this possible?
    Would it be easier to do accomplish if I used the logo left Menu Below

    September 30, 2015 at 9:53 am #511248
    Rikard

    Hey cagraphicdesign,

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

    Thanks,
    Rikard

    September 30, 2015 at 2:27 pm #511498
    cagraphicdesign

    Hi Rkard
    I have an “experiment” subsite in which I downloaded your demo content. So it it specifically this page:
    http://cagraphicdesign.biz/enfolddev/?page_id=2890

    Another question about how you constructed that page… there is something that is causing the white content below the slider to move up as I scroll down. How is that achieved? Is that what parallax is?

    September 30, 2015 at 2:35 pm #511510
    Yigit

    Hey!

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

    .av_header_transparency nav.main_menu {
    background-color: orange;
}

    Yes, that is parallax effect on fullscreen slider, which you seem to figure out already? :)

    Cheers!
    Yigit

    October 1, 2015 at 7:22 pm #512370
    cagraphicdesign

    1. The code worked perfectly. But instead of solid color what code would I add to make it 40% transparent?
    2. Related to this, is there a way to add a 10% screen of white to the whole header container?

    I am 64 and If I were younger I would take the time to learn code!

    October 1, 2015 at 7:34 pm #512384
    Yigit

    Hey!

    You can change the code to following one

    .av_header_transparency nav.main_menu {
    background-color: rgba(255,0,255,0.4);
    border: 10px solid white;
}

    255,0,255 is the RGB value of the color and 0.4 is opacity level

    That code should help with both :)
    There are many tutorials on the internet if you would like to learn. If not, we are always here to help :)

    Best regards,
    Yigit

    October 2, 2015 at 4:09 am #512505
    cagraphicdesign

    The transparent menu items worked! But I do not think you understood the second part…I don’t want a white border but I want to add a white transparent overlay to the entire header container so the whole area behind the logo and menu is lighter than the rest of the image. In terms of opacity, a 0.3.
    Thanks again!

    October 2, 2015 at 2:19 pm #512817
    Yigit

    Hi!

    Can you please edit your page and choose to display Glassy Transparent header – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/
    If that too does not help, please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    October 2, 2015 at 7:08 pm #512966
    cagraphicdesign

    OH! I missed that option about glassy&transparent instead of just transparent!
    This looks better now.
    Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Transparent menu’ is closed to new replies.