Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #699142

    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

    #700363

    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

    #700611

    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?

    #700615

    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

    #700635

    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?

    #701628

    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

    #701962

    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.

    #702812

    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

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