Support » Theme: Agama Blue » Agama Blue update – how to remove wave in header

  • Resolved 199sabrina

    (@199sabrina)


    Hi,
    I use the theme: Agama Blue and I am very happy with it, I only have a question about an update.

    Recently all of my headers have some kind off wave/color in them. The picture I used is duplicated and it isn’t what I had in the first place.

    I also have the plugin: Unique headers, so I can have different headers on each page. Now they all changed. I don’t really know how I can explain it better what I mean.

    this is what I mean:
    https://ibb.co/gd6Fgk8
    (hope this works)

    Thanks!

    Best wishes,
    Sabrina

Viewing 11 replies - 1 through 11 (of 11 total)
  • jerryscg

    (@jerryscg)

    @199sabrina,

    You will need to provide us your website URL so we can inspect what’s going on.

    Regards

    Thread Starter 199sabrina

    (@199sabrina)

    Hello @jerryscg
    Thank you for your fast responds.
    My website URL is:

    https://www.tastycreativity.com

    Best Wishes,
    Sabrina

    jerryscg

    (@jerryscg)

    @199sabrina,

    I don’t see any issue: https://prnt.sc/rt0z9f

    What browser you are using?

    Regards

    Thread Starter 199sabrina

    (@199sabrina)

    @jerryscg

    I use the browser; Google Chrome.

    Normally the height of the header is 100 px. But also at your example the banner is bigger than what it used to be.

    The banner is expanded.

    Best wishes

    Thread Starter 199sabrina

    (@199sabrina)

    @jerryscg

    It was as big as this picture:
    https://ibb.co/khnfd06

    jerryscg

    (@jerryscg)

    You can go to Appearance -> Customize -> General -> Additional CSS and add next custom CSS code:

    #agama-header-image .header-image {
       height: 100px; // Set custom header height.
    }

    In. the next theme update we will add more header image options so you will be able to adjust header image height from Customizer and also you will be able to turn off the header bottom shape but until than you can use the above CSS code to adjust header image height.

    Best Regards

    Thread Starter 199sabrina

    (@199sabrina)

    @jerryscg

    Thank you for your help! That is exactly what I mean!

    I just have one last question, when I put the CSS code I get this error. Should I just continu? (sorry it is in Dutch, but it said that if I continue, that there is a chance the site will not work)

    https://ibb.co/BBvPk71

    🙂

    jerryscg

    (@jerryscg)

    @199sabrina,

    Remove the “// Set custom header height.” string and save.

    Regards

    • This reply was modified 11 months ago by jerryscg.
    Thread Starter 199sabrina

    (@199sabrina)

    @jerryscg

    Thank you for your help! It works now with no problem! 😀

    Have a nice day!

    Best wishes,
    Sabrina

    akxak

    (@akxak)

    I still have that problem with the grey and black wave overlaying the header image.

    https://freaklike.g-place.de/

    Both wave overlays appeared with the latest update and there is NO configuration option to stop that. Destroys the website layout.

    Theme Author themevision

    (@themevision)

    Hello,@akxak!

    We prepare the theme update in which we will add more options to configure the divider.

    Until that happens, you can remove the wave shapes, by inserting the following code into Customizing->General->Additional CSS:

    path.divider-fill {
        display: none!important;
    }

    Regards

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Agama Blue update – how to remove wave in header’ is closed to new replies.