Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 2, 2014 at 7:27 pm #361705
    lillebro

    Hi,
    with the transparent header in view, I changed the color of the menu to white (on grey background) in ‘advanced styling’ (to get a bigger font size and other font family)
    when I scroll down, the menu colors stay white while the background changes to white (so don’t see the menu)
    -If you see, the header stays slightly transparent.

    The idea was to have the same as the top bar, white when tranparent and black when scrolling down.
    Same as your dummy tranparent header page.

    Any ideas?

    December 3, 2014 at 12:18 am #361868
    Elliott

    Hi lillebro!

    Your wanting to make it black when scrolling? If so then add this to your custom CSS.

    .header-scrolled .header_bg, .header-scrolled nav.main_menu a, .header-scrolled #header_meta {
    background: none repeat scroll 0 0 black !important;
}

    Cheers!
    Elliott

    December 3, 2014 at 11:51 am #362049
    lillebro

    Hi Elliott,
    Oh I mean the words of the menu pages, not the background itself.
    Now with transparent header, the background is a picture and the letters of the menu are white. (on this picture background)
    When scrolling down, the background changes to white (as standard), but now the letters of the menu pages stay white as wel.. so can’t see them.

    On the standard enfold tranparent header that is just standard, but I can’t get it like that..

    Could the problem be that the header when scrolling down stays partially transparent? Is that how it is designed? Maybe that’s why the menu letlers stay white..?

    Chris

    • This reply was modified 10 years ago by lillebro.
    December 3, 2014 at 5:06 pm #362253
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times. It does work fine on my end – http://imgur.com/a/kPvOV

    Cheers!
    Yigit

    December 3, 2014 at 8:35 pm #362461
    mikepeter

    How can I change the transparency or make the menu text bolder? I can see the menu very well – http://northwesternextract.com/testing/

    Thanks!

    December 3, 2014 at 9:21 pm #362485
    Yigit

    Hey!

    Can you please post a screenshot and show the changes you would like to make?

    Best regards,
    Yigit

    December 3, 2014 at 10:35 pm #362546
    mikepeter

    Sure, just want to make the menu bar less transparent or have the text black or bold to make it stand out.

    Currently it looks like this – http://northwesternextract.com/testing/wp-content/uploads/2014/12/current.jpg
    I want it to look similar to this – http://northwesternextract.com/testing/wp-content/uploads/2014/12/wantittolooklikethis.jpg

    December 4, 2014 at 5:47 pm #363037
    Yigit

    Hi!

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

    header#header.av_header_transparency {
background-color: rgba(255,255,255,0.7);
}

    then go to Enfold theme options > Header > Transparency Options and change transparent menu color as needed

    Regards,
    Yigit

    December 4, 2014 at 6:47 pm #363111
    mikepeter

    Works great. Lots of options in this theme, great stuff!

    December 4, 2014 at 6:53 pm #363115
    Yigit

    Hi!

    Glad we could help! We will keep the thread open for the OP. If you have any other questions, please feel free to start a new topic

    Cheers!
    Yigit

    February 24, 2016 at 10:34 pm #588668
    scorch20

    Hello,

    Im hoping to maintain a sticky scrolling transparent header and add a background image.

    Not sure of how to accomplish this within the theme parameters.

    Can you help?

    February 26, 2016 at 10:09 am #589626
    Vinay

    Hey!

    You can add background image to the header from Enfold > General Styling > Logo area > Background Image

    Find more related header options in
    Enfold > Header > header behavior

    You can control the header transparency behavior from the page sidebar options on the right side

    If you still have any questions please share a mockup how you like the header to look so we can help you better.

    Cheers!
    Vinay Kashyap

    March 1, 2016 at 6:26 am #591348
    scorch20

    Thanks vinnie,

    I’m trying to keep the header transparent with an image background when scrolling –

    see here demolink.in/qrpharma

    March 3, 2016 at 10:10 am #592518
    Vinay

    Hi!

    Not clear what you are trying to do… let me rephrase you want to make the header transparent when the page is scrolled correct?
    Image of the header in private content. You want this to be transparent while scrolling the page right?

    Since there is white background on the page the menu items will not be visible if you make it transparent…

    Then the menu color has to be changed to black but that will make the menu look black color as soon as the page is loaded…
    You can make the menu items color different on scroll and also have to take care of it in the mobile view that is only possible with a lot of modifications… to accomplish this you might have to hire a freelancer.

    Best regards,
    Vinay Kashyap

    March 4, 2017 at 8:54 am #755545
    dewitonline

    hi, I am kind of struggling with a similar problem. For example in top position the top header is slightly transparent, perfect. However as soon as I scroll down the top header becomes white, well at least so much that you barely see the back ground. Also menu color being white are not visible any more.

    What can I do to keep the same transparency while scrolling as in the top position?

    thanks, Jan

    March 6, 2017 at 6:08 am #756152
    Rikard

    Hi Jan,

    You can change that in the Layout menu on the right side of the screen when you edit the page, look for the Header visibility and transparency option.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.