Header Contacts Area


How can I reduce the size (Height) of an area specified for Header contacts. Also how I can add social widget at above the menu bar , specifically with Header contacts area.


Hello Inayatullah,

  1. Please try to use the following CSS code to reduce the height of contact info block.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.header-contact {
    padding: 10px !important;
  1. This task requires some coding and testing, so this goes beyond our support policy. It’s considered advanced customization.

As an option, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.