Home Forums Pro Themes Kids Education Pro how can I set the header menu smaller?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #134424
    Adrian Steiner
    Participant

    I can’t find an option in style.css to regulate die header-background-picture-size. The background picture (clouds) in the header is made for 2 menu lines, but I just need one menu line. My problem is, that the header background picture overlap the slider background and it need to much space.

    Here you can see what I mean: https://www.friedensschule-neustadt.de/leitbild/

    What can I do to have just an one line menu at the top?

    #134430
    wensolutions
    Keymaster

    Hello,

    Yes, you can manage the menus as per your requirement and the option given by the theme. You can refer to the below given instruction to get assistance on how to manage menu location.

    https://themepalace.com/instructions/themes/kids-education/#doc-how-to-manage-menu-options-8

    Hope this helps.

    If you have further queries, let us know.

    Regards.

    #134440
    Adrian Steiner
    Participant

    I have used Menu 1 (left side of the logo) and Menu 2 (right of the logo). But what I mean is the white background area of the menu. It’s too much of the cloud… It would be much better, when the white area is 2cm less.

    Please watch this screenshot:
    https://www.friedensschule-neustadt.de/wp-content/uploads/2020/09/Screenshot_2020-09-21-12_19_49.jpg

    #134443
    wensolutions
    Keymaster

    Hello,

    Regarding your query, you can add below given CSS following the path Admin Panel > Appearance > Customize > Additional CSS to minimize the menu design.

    @media screen and (min-width: 1057px){
      #masthead{
       height: 100px;
     }
    }

    Hope this helps.

    If you have further queries, let us know.

    Regards.

    #134454
    Adrian Steiner
    Participant

    Thats it!! Thank you very much!

    with the height “100px” a can’t see the cloud at the top… with the height of 120px everything is perfect.

    So, this is my current code:

    @media screen and (min-width: 1057px){
      #masthead{
       height: 120px;
     }
    }
    
    #134510
    wensolutions
    Keymaster

    Hello,

    Glad the CSS helped you figure it out.

    Regards.

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