Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #511162

    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

    #511248

    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

    #511498

    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?

    #511510

    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

    #512370

    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!

    #512384

    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

    #512505

    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!

    #512817

    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

    #512966

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

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