Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #654249

    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

    #655085

    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

    #655128

    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

    #655810

    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

    #656533

    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

    #656552

    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

    #656555

    Hi Yigit,

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

    Thanks for your help!

    Kind regards,

    Sebastiaan

    #656707

    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

    #656940

    Thanks,

    Figured it out myself. Thanks guys for your help!

    Kind regards,

    Sebastiaan

    #657444

    Hi,

    Great, glad you got it working :-)

    Regards,
    Rikard

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