Support » Theme: Hiero » How do I reduce blank space in header area

  • Resolved reptifiles

    (@reptifiles)


    Is there any way I can reduce the amount of blank space between my site branding/logo and the menu in the desktop version of the site? I looked around in my style.css but didn’t see anything referring to the size of the header section.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello there,

    Thank you for contacting us.

    I wrote a reply on your other topic and it may affect the space on the header area. Let me know whether the CSS code I suggested on there worked for you or not. Then we can address this spacing issue.

    Further adding, if possible, I request you to take a screenshot to point me to the exact area of the space you want to remove and put some annotations to illustrate the final look you want to achieve.

    Stay safe.
    Have an excellent day 🙂

    Regards,
    Kharis

    Thank you so much for your time and expertise.

    I was able to increase the size of my site branding to where I want it, but instead of taking up the available blank space, it created more blank space, which increases or decreases depending on the site of the site branding.

    Any ideas for reducing that particular space? You can view the screenshot here: https://drive.google.com/file/d/1czNjdhaX5kyBhqpG0i-wPSyBrBz9coNA/view?usp=sharing The area I want to reduce is circled in red. I would like to have that space reduced by about half so the branding and search bar are closer to the main menu.

    Hello there,

    Thank you for the screenshot and some more provided details.

    Is inspected, you’d be able to reduce the space by adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    @media only screen and (min-width: 961px) {
      .site-branding img {
        max-height: 100px;
      }
    }
    

    ​I hope this reply helps.

    Stay safe.
    Have an excellent day 🙂

    Regards,
    Kharis

    That did the trick! Thank you so much.

    Hello there,

    Thank you for getting back.

    Glad to hear the code worked for you.

    Stay safe.
    Have an excellent day 🙂

    Regards,
    Kharis

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