How to align the bottoms of the logo image and menu in navbar

[SupK]

Hi,

I’m using renew stack. I have two questions.

First, I’d like to align the bottoms of the logo image and menu in navbar. How can I do this? I’ve tried to use the following css code to move down the menu and align the two bottoms. This code moves down the menu. However, it also makes some unwanted space at bottom in navbar.

.x-navbar .desktop .x-nav { margin-top: 20px; }

Second, can I move down the menu underline? I want to show the underline 5px below menu in hover state. Can I do this?

Thank you.

[jumar]

Hello @SupK,

Thanks for writing in!

Yes, you just need to select different selectors. Please replace your CSS code with this:

/* 
* 1.)
* This is the spacing 
* between logo image and navbar
*/
.x-logobar-inner {
    padding-top: 25px;
    padding-bottom: 25px;
}
.x-navbar-wrap {
     padding: 25px 0;
}
/* 
* 2.)
* This is the menu underline 
* To move this upwards or downwards
* change only 15px to any value. E.g. 10px
*/
.x-navbar .desktop .x-nav>li>a>span {
    padding: 0 0 15px;
}

Kindly read the comments above about how particular lines of code is use.

Thank you.

[SupK]

@jumar

.x-navbar .desktop .x-nav>li>a>span {
padding: 0 0 15px;
}

It worked out.

Thank you.

[jumar]

Glad to hear that! You’re welcome.

[SupK]

Hi, jumar

I found another problem about aligning the bottoms of the logo image and menu.

There’s no breadcrumbs in main page. Menu underline sits perfectly on the starting point of revolution slider in main page. But there’s some unwanted space between menu underline and breadcrumbs in other pages. How can I remove this unwanted space?

Thank you.

[Joao]

Hi There,

Please provide your URL so we can take a closer look.

Thanks

[SupK]

Hi Joao,

URLs are as below,

Summary

Main page: http://ec2-13-125-112-101.ap-northeast-2.compute.amazonaws.com/
Sub page: http://ec2-13-125-112-101.ap-northeast-2.compute.amazonaws.com/books/

Thank you.

[Joao]

Hi There,

You actually dont need any CSS for that, feel free to remove the CSS priorly provided.

You can do those settings on X > Theme Options > Header

Hope it helps

[SupK]

Hi Joao,

It works perfectly.

Thank you. so much.

[jumar]

In behalf of my colleague, you’re welcome.