Few questions regarding the theme

Hi there! I recently switched to the theme and made some modifications, however there are a few things that I haven’t been able to figure out… Thank you in advance for helping me!

URL: http://www.hangryfoodies.com/

  1. My blog title.
    Currently my blog title isn’t centered… In the custom CSS I have this but however it’s not being applied to the title.
.site-title {
	font-size: 60px;
	font-family: 'Satisfy' , cursive;
	margin: 0;
	text-align: center;
  1. The second menu (under the title), the word “Let’s Eat” is in a dark gray color… Where can I edit this to another color?

  2. When you click on a blog post and scroll down to the bottom. In the “Previous article”, the blog title is blacked out, how can I change this so the title isn’t blacked out at all?


  1. to centering the the site title, please try to use this css code instead:
.site-branding {
    float: none;
  1. I didnt see where is the “Let’s eat”. Do you think its placed in this area http://prntscr.com/95a0ze? if so, you can change it using css code:
.entry-meta a {
    color: red;
  1. Did you mean this http://prntscr.com/95a5mf? change it using css code
.paging-navigation a {
    background: red !important;
    color: white !important;

Hi there,

Thank you so much, I actually was able to fix 2 out of my 3 issues haha, however I have a few more questions and I have attached some screenshots as well.

  1. How can I resize the second menu bar? I was able to resize the fonts, however the menu size is now too big… I’m sorry for being picky lol

  2. On mobile, the second menu bar is not visible at all, is there a way to fix this? http://tinypic.com/r/1zmmibs/9

  3. Again on mobile, when you scroll down to bottom after “older articles”, there seem to be a lot of white space, is it possible to reduce that? http://tinypic.com/r/bkf3r/9

Thank you so much for your help :)!!


  1. Adjust the css rule below:
  • height of the font:
#main-navigation li a{
   line-height: 50px;
  • The separator(slash) after the navigation:
#main-navigation .sf-menu > ul > li:after{
    margin-top: 16px;
    font-size: 1.8em;
  1. The default color is white, that’s why it not displayed as well. You can change it using these css:
.nav-open:visited, .nav-close:visited {
    color: black;
.nav-open, .nav-close {
    color: black;
  1. The white space is the container for the sidebar. you can hide it using these:
.site-sidebar {
    display: none;