Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 14, 2016 at 2:49 pm #699142
    davidtagmose

    Hey

    I have two problems, that I can’t figure out how to solve.

    1. How can I make the scrolled header transparent instead of opaque white? Right now it looks ridiculous

    2. There is a picture on the site that doesn’t show the right part on mobile devices – the screen is too small to show the whole picture, and therefore it only shows a part of the background. Is there a way to set a “focus point”? Right now, it’s loaded in a color section.

    Thanks in advance!

    David

    October 18, 2016 at 5:24 am #700363
    Ismael

    Hi davidtagmose!

    Thank you for using Enfold.

    We would like to check the site but we are getting this error.

    
Fatal error: Class 'NF_Admin_Menus_Forms' not found in /home/content/p3pnexwpnas01_data03/47/3633347/html/wp-content/plugins/ninja-forms/ninja-forms.php on line 184

    1.) Please use this css code to remove the white background. 

    .html_header_transparency.header_bg {
    opacity: 0;
    filter: alpha(opacity=0);
}

    2.) We would like to check the color section but we can’t view the page because of the error.

    Cheers!
    Ismael

    October 18, 2016 at 1:31 pm #700611
    davidtagmose

    Hi Ismael, thanks for your reply.

    I’m sorry about the error – it was a faulty plugin which I believe is fixed now. Apparently updating the stock Ninja Forms plugin makes the whole site go south.

    I entered the CSS code you provided, and it makes no difference. Maybe now that you can see the site, you have another idea?

    October 18, 2016 at 1:42 pm #700615
    Basilis

    Hey!

    Please try the following:

    .html_header_transparency.header_bg {
    background: transparent !important;
}

    and if that does not work

    .html_header_transparency.header_bg {
    background: rgba(0,0,0,1) !important;
}

    thanks a lot

    Best regards,
    Basilis

    October 18, 2016 at 2:04 pm #700635
    davidtagmose

    Hi Basilis

    I tried your suggestions, but neither one of them made any difference. Am I right to assume that I’m supposed to add them to the Quick CSS box in the General Styling tab?

    October 20, 2016 at 5:16 am #701628
    Ismael

    Hi!

    1.) Yes, you should add the code in the Quick CSS field. Please post the login details here so that we can test the css codes. Or replace it with the following css code.

    .header_color .header_bg {
    background: transparent;
}

    2.) And add this css code to move the position of the background within the color section.

    @media only screen and (max-width: 767px) {
#av_section_2 .av-parallax-inner {
    background-position: 55% 50% !important;
}
}

    This will affect the color section with the “headphone” background. Apply a Section ID to the color section if you want to replace the generic “#av_section_2” selector.

    Best regards,
    Ismael

    October 20, 2016 at 4:13 pm #701962
    davidtagmose

    Yes, thank you, this all worked perfectly.

    Now, as a final thing – is there any way to make the mobile header glassy/transparent as well? Right now it’s just plain white. I tried adding this:

    @media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

    But that messes with the positioning and makes the logo area overlap with my first section on the page.

    October 22, 2016 at 1:29 pm #702812
    Nikko

    Hi,

    I think your code is right, just remove position:absolute!important;. Also I couldn’t see that code reflecting on the page, if you have caching plugin please clear the cache.

    Best regards,
    Nikko

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