Jump to content

Archived

This topic is now archived and is closed to further replies.

gtg468y

Reducing space between logo and dropdown menu

Recommended Posts

gtg468y+    0
gtg468y

How do I reduce space between website logo and drop-down menu, and between drop-down menu and the website body?

 

I'm not sure what specific tags to use. 

 

Website URL: www.vowphotos.com
Framework Version: 2.3.8
WordPress Version: 3.6.1
Details:
 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

First, may I ask why you didn't upgrade to Framework 2.4.4?   That was a very important update.

 

Try this CSS in your Custom Code area.  Adjust the -35px to any number that works for you.

#site .main_nav ul {
     float: none;
     margin-top: -35px;
     text-align: center;
}
  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gtg468y+    0
gtg468y

Didn't get a chance to read the documentation for the upgrade yet.

 

That worked, and moved the navigation bar up.  But now the content is really low.  Is there any way to bring that up?

 

Thanks!

Share this post


Link to post
Share on other sites
Rob    547
Rob

If you use an inspection tool, such as Chrome's inspector or Firebug for Firefox, you can see, just as I did, which elements are affected, and test changes. CSS will move the content area where you want it.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

Try this, in place of the code previously offered:

 

#site .navigation_wrap .main_nav {
margin-right: 0;
margin-top: -30px;
}

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

You're very welcome!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×