Vertically Shrink the Header


Hey David, welcome to WP and Beans community.

You will see if you inspect the header that there is a uk-block class (more info about UIkit block). So here you have 3 options:

  1. Change the entire feel to your site by reducing all uk-block via CSS or by setting @block-padding-vertical: 5px; LESS variable in your child theme style.less
  2. Only reduce the header padding via CSS.
  3. Use Beans HTML API to remove the uk-block class from your child theme functions.php as per the code snippet below.
beans_remove_attribute( 'beans_header', 'class', 'uk-block' );

Hope that helps, please don't hesitate to ask if you have any other questions.

PS: If you don't understand 100%, don't sweat it, it will come over time and the community and I are here to help 🙂


I removed those uk-blocks with the API and now I have a nice, slim top menu and title.

Thanks!

Write a reply

Login or register to write a reply, it's free!