Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1485562

    Can I please have a css the will give me the opportunities to have a gradient color in top header? Now I have it in the image, but it would be easier to have it in the code.

    #1485567

    Hey limedrop,

    Thank you for the inquiry.

    You can try this css code to apply a linear gradient background color to the header:

    #top .av_header_transparency .header_bg {
        opacity: 1;
        background: linear-gradient(to bottom, #0f114c, rgba(15, 17, 76, 0));
    }

    You may need to adjust the color of the main menu items as well.

    Best regards,
    Ismael

    #1485569

    Thank u! But can we make it so that this does not apply to mobile?

    #1485584

    you mean when hamburger is visible.

    put that rule of ismael inside a media-query:

    @media only screen and (min-width: 989px) {
      #top .av_header_transparency .header_bg {
        opacity:1;
        background:linear-gradient(to bottom,#132444,rgba(17,18,53,0))
      }
    }
    #1485590

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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