Spacing issue in footer sub navigation

Hello.

At the footer on every page, you can see the Navigation on the right hand side. I have created 2 sub. navigation links and now the second sub. nav I created has an extra space. I would like to have the space between Behind the Scenes and Do you prefer reading? be the same distance between the Our Approach and Do Behind the Scenes. I do see in the code that the Navigation at bottom is “inherited” from the top sub navigation, so I don’t want to mess up the top sub. navigations in the dropdown.

Could you please share your code to fix this problem.
Site link: http://creativew.com/theme

As always, thank you for your time.
Esteban

Hi E,

Please try the css code below to make your footer navigation has same space:

.widget-area .widget ul li ul {
    padding: 5px 0 0;
}

Hi Awan.

I added the code as you can see but that did not work. It allows the spacing between the navigation and sub navigation to be manipulated but I wanted the sub navigations to be closer together than the regular navigations. Please see this link for a mockup of what I am looking for. http://creativew.com/access/sydney/7.png

Also, this is my new site link http://creativew.com/themeupdated.

Thanks,
Esteban

Oh I see… then please try following css code instead:

.widget-area .widget ul li.menu-item-243 {
    padding: 7px 0;
}
.widget-area .widget ul li {
    padding: 0;
}

Hi Awan.

Sorry, not exactly right. I have left your code in my Custom CSS, so you can see what your code achieved on my site. I think you’re on the right track.

Thanks you,
Esteban

Hmm okay, then you can try to adjust the space using line-height rules:

.widget-area .widget ul li {
    padding: 0;
    line-height: 20px;
}

.widget-area .widget ul li.menu-item-243 {
    padding: 10px 0;
}

Hello.

I don’t see this working either. Am I suppose to add your new code to the previous code or replace the code?

I just now need to be able to move Our Approach, Behind the Scenes, Do you prefer reading? down as a group

just replace the old code with the new one.

“I just now need to be able to move Our Approach, Behind the Scenes, Do you prefer reading? down as a group”
> Sorry, I didn’t get what you are talking about

The site currently has the Our Approach sitting right below Home, but needs to move down so that the space between Home and Our Approach is the same space as between Blog and Contact Us.

See this link again for final layout I am looking for: http://creativew.com/access/sydney/7.png

Thanks.

Oh its between “Home” and “Our approach”, then please add this custom css code:

.widget-area .widget ul.menu > li:first-child {
    padding-bottom: 10px;
}

Great! Thanks so much Awan.

Topic Resolved.