Home Forums Pro Themes Kids Education Pro Header menu background images


Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #33315

    Where do I even find the image resources and how would I change the background image “header-bg” and the cloud image that is behind the logo?


    Hello @dcreech

    If you want to use the exact images like in the demo, all the images link are bundled within the theme in readme.txt. and you can use them.

    Also to change the Header background image go to Admin Panel > Appearance > Customize > Header Image and upload the image of your choice .

    And actually the cloud that appears behind the logo is the design of the theme itself . The theme does not have the feature to change the cloud like design .

    Hope this helps.

    Let us know if you have any issue further.

    Best Regards!!


    I know how to change the header image. What I want to change is the background image “header-bg”. It is a white image with cloud border at the bottom. It is the image that the menu items have as a background.

    The problem for me is that it extends down too far onto the page.


    Hello @dcreech,

    You can change the background of the header by setting image url of your desired image as the background replacing the default background.

    To do so, please add in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    #masthead {
        background-image: url(https://placeholdit.imgix.net/~text?txtsize=23&txt=728%C3%9790&w=728&h=90)!important;

    You can upload your desired image from the media menu in WordPress dashboard and replace the URL with the URL of your desired image. Also, if you wish to remove the “Cloud” image design from behind the logo, you can add in the following custom CSS :

    .site-branding {
        background-image: none!important;

    Hope this Helps,

    Best Regards !!


    Sorry it did not.

    There are two issues I am having. The cloud border background image across the header extends down into the slider too far.

    And the cloud that is behind the logo is not large enough once I have taken the site header display to none:
    #site-header {
    display: none;

    These two elements seem to also resize when scrolling down, which shrinks the border image, not the cloud but the logo within the cloud.



    If we tried to adjust the background image then it will destroy the entire design of the header.

    So what you want is beyond the support offered for our products .

    Our suggestion to you is to hire a professional developer for your customization, so that your theme will no be effected in any way.

    To hire a developer please follow the link below


    We hope it helps,

    Best Regards.

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