Few questions regarding the theme


#1

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?


#2

Hello,

  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;
}

#3

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
    http://tinypic.com/r/2upygee/9

  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 :)!!


#4

Hi,

  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;
}