Home › Forums › Pro Themes › Kids Education Pro › how can I set the header menu smaller?
- This topic has 5 replies, 2 voices, and was last updated 6 years ago by
wensolutions.
-
AuthorPosts
-
September 21, 2020 at 2:56 am #134424
anyworx
MemberI 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?
September 21, 2020 at 3:40 am #134430wensolutions
KeymasterHello,
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.
September 21, 2020 at 6:28 am #134440anyworx
MemberI 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.jpgSeptember 21, 2020 at 7:49 am #134443wensolutions
KeymasterHello,
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.
September 21, 2020 at 8:44 am #134454anyworx
MemberThats 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; } }September 22, 2020 at 1:33 am #134510wensolutions
KeymasterHello,
Glad the CSS helped you figure it out.
Regards.
-
AuthorPosts
- You must be logged in to reply to this topic.





