trying to remove too much white space from site header in foodie pro

• 

  emilyellingwooddesigns · Member · May 5, 2016 at 1:16 am

  • Copy link
  • Add topic to favorites

  I have the foodie press theme and there is so much white space around my site header when it goes to mobile. There is even a bit too much on my laptop. I have no idea how to fix this! The only thing I know is that I have to add some custom css to the smallest media query and I have NO idea what that means.

  If you can help, I would be so grateful!!

  Emily
  emilyellingwooddesigns.com

• 

  thesacredpath · Member · May 5, 2016 at 1:52 am

  • Copy link

  Hi @emilyellingwooddesigns, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org Themes and Templates forum.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and you can give this a try and adjust the height as desired. Originally there wasn’t a height set on that div.

  .header-image .site-header {
      height: 125px;
  }

• 

  emilyellingwooddesigns · Member · May 5, 2016 at 5:20 pm

  • Copy link

  Thank you for taking the time to look at my site and give a suggestion. It definitely made a difference!!
  Emily