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

    Hi Support,

    I would like to have a transparent menu, similar to this – https://briggsamasco.co.uk/

    Would this be possible using the Enfold Theme?

    Thank you in advance

    Neil

    #773838

    Hello NeilJc,

    yes, it possible.

    • First of all, create the homepage or index page of your website.
    • Second, go to the homepage at bottom right (Header visibility and transparency) and select Transparent & Glassy Header from drop down menu. Don’t forget to put the update button. See the link http://imgur.com/a/UeQEf
    • Third, create a slider with photos and contents.
    • Finally, you can put some CSS code. Go to Enfold Theme Options -> General Styling -> Quick CSS and put that code for add grey border bottom
    #top .av_header_glassy.av_header_transparency #header_main {
        border-color: transparent;
        border-bottom-color: rgb(125, 125, 125);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    Thank you. I hope this may help you.

    #773915

    Am trying to do the same thing but the logo i am using is still showing a white background even though its a transparent png file?

    Ive uploaded the logo to header -> transparency options and transparency logo.

    Also how do you get the sort of glass effect on it, the header showing as slightly darker ?

    #773971

    Hello topsignshexham,

    First, if you save as png your logo and upload to header -> transparency options and transparency logo, it must be show without white background(transparent). Try again to save as your logo png type file on photo editor program.

    Otherwise, check if you has updated WordPress and Enfold Theme. If you have make changes on Enfold files (php, js, css) and you want to update enfold theme, but you don’t use child theme, all of changes will be lost.

    Second, to make the glass effect which showing as slightly darker, you can add that code.

    #top .av_header_glassy.av_header_transparency #header_main {
          background: rgba(29, 27, 27, 0.19) !important;
    }

    Thank you

    #773985

    Thanks for your input. To confirm I have the latest version of wordpress installed 4.7.3
    and running Enfold 4.0.5 latest version. This is a new site am building, i have it setup using a child theme, but everything is correct.

    I have saved the logo as a .png file using photoshop, and it is uploaded where you suggested.

    This is a screenshot

    View post on imgur.com

    #774000

    Strange this is if i remove the logo, and just let the default enfold logo takes its place, that also has a white background ?

    #774062

    Thank you for replying Designweb,

    I have followed your perfect instructions and implemented the header.
    One question – the header loses transparency when I scroll down the page. Is this normal?

    Thanks
    Neil

    #774475

    Hi NeilJC,

    It is normal, if the header remains transparent, the text on the header will interfere with the text on the page and your visitor will not be able to tell one from another.


    @Designweb
    Great job! Great guidance! Thank you :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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