Reduce space between logo and featured content

jcpy19 · Member · Mar 3, 2015 at 11:26 am
Copy link

Add topic to favorites
Hi everyone, I’m wondering if I can use CSS to reduce the space between the blog logo and the menu?

Seems that 1/3 of the screen is wasted and i’d like to close that gap. Can anyone help me with this, please?

Much appreciated. Thanks

The blog I need help with is: (visible only to logged in users)
nizamilputra · Member · Mar 3, 2015 at 11:41 am
Copy link
Actually your logo size has too much white space. I suggest you to crop it.
Even though we can reduce the space by this css, but not too much;
```
#site-header{
  padding-bottom: 0;
}
#site-nav{
  padding-top: 0;
}
```
jcpy19 · Member · Mar 3, 2015 at 9:18 pm
Copy link
Hi Niza, thanks so much! I have cropped the logo and use the css modification and it works!

Now, I have another question. Under navigation, I want to get rid of the primary menu since I already have the smaller header menu on the top right hand. When I didn’t choose any menu, it just use the menu at random. How do I remove this line so it doesn’t appear altogether?
nizamilputra · Member · Mar 3, 2015 at 10:53 pm
Copy link
Hi, are you already solved navigation issue? I saw your website didn’t have primary navigation anymore.
jcpy19 · Member · Mar 4, 2015 at 12:36 am
Copy link
Hi there, I didn’t resolve the navigation issue actually :) I just merely created a blank menu and set that as primary navigation. Is there a way to resolve this via CSS?
nizamilputra · Member · Mar 4, 2015 at 9:43 am
Copy link
Hi there,

You can add this css if you want to get rid primary navigation;
```
#site-nav{
  display: none;
}
```
Anyway, your site looks better with horizontal logo :).
jcpy19 · Member · Mar 5, 2015 at 3:29 am
Copy link
Hi there, great. Thank you so much for helping!
nizamilputra · Member · Mar 5, 2015 at 3:43 am
Copy link
You are welcome :)

The topic ‘Reduce space between logo and featured content’ is closed to new replies.

No items found.