Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 28, 2016 at 3:21 pm #654249
    sebastiaan

    Hi,

    I try to accomplish the same half transparent header like => this website

    Can someone help me to create this half white/half transparent header?

    Thanks in advance, I really appreciate your help!

    Kind regards,

    Sebastiaan

    June 30, 2016 at 5:52 am #655085
    Rikard

    Hey sebastiaan,

    You should be able to set the header behaviour in the Layout menu on the right hand side of the screens in the edit page, could you try that please? If you should have any further problems then please link to your site so that we can have a look at it.

    Thanks,
    Rikard

    June 30, 2016 at 8:02 am #655128
    sebastiaan

    Hi Rikard,

    Thank you for your response, I appreciate it. I am aware of the header settings. But I am not able to achieve transparency on half the header instead of completely transparent or not transparent. Please take a look at the link I provided to see what It try to achieve, the lefts side white and the right side of the header transparent.

    Can you help me out?

    Kind regards,

    Sebastiaan

    July 1, 2016 at 3:30 pm #655810
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header.av_header_transparency {
    background: rgba(0,0,0,0.2);
    background-image: url(https://werkenbijcarglass.nl/content/themes/carglass/images/logo-carglass-corner.png);
    background-repeat: no-repeat;
    background-size: contain;
}

    Best regards,
    Yigit

    July 4, 2016 at 1:26 pm #656533
    sebastiaan

    Hi Yigit,

    Thank you for your help, I appreciate it!

    This is almost the exact solution I am looking for. On the werkenbijcarglass website the logo stays on the white section when I scale the resolution on my screen (responsive). Do you know how to achieve this?

    Thanks, kind regards,

    Sebastiaan

    July 4, 2016 at 1:43 pm #656552
    Yigit

    Hi,

    Can you please post the link to your website as well so we can see how it does look on your website? :)

    Best regards,
    Yigit

    July 4, 2016 at 1:44 pm #656555
    sebastiaan

    Hi Yigit,

    I have added the link to the staging website via private content.

    Thanks for your help!

    Kind regards,

    Sebastiaan

    July 4, 2016 at 7:53 pm #656707
    Vinay

    Hi,

    Thank you for sharing the link to your staging site. However the design of your site is completely different from the design of the example site. Would you mind posting us a screenshot/mockup design of what you would like to achieve in mobile version? You can upload the screenshot to imgur.com or dropbox and share the link here :) If it is not too much work we are more than happy to help. If it is going to take a lot of time to achieve it, you may need to hire a freelancer.

    We look forward to seeing the mockup designs.

    Best regards,
    Vinay

    July 5, 2016 at 11:10 am #656940
    sebastiaan

    Thanks,

    Figured it out myself. Thanks guys for your help!

    Kind regards,

    Sebastiaan

    July 6, 2016 at 2:13 pm #657444
    Rikard

    Hi,

    Great, glad you got it working :-)

    Regards,
    Rikard

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