div row doesn't resize when sticky header is enabled

[solidsn2004]

Hi,

I have added a logo on a website I am working and set it to 100px height. I want to achieve 2 things.

1. I want the nav menu and the 100px logo to appear in the same line. (I think the menu is now aligned on top with 50px padding to the right).

2. When I scroll down (sticky header enabled) I set the height to resize to 40px but it seems like the div row doesn’t resize but stays the same height of 100px.

Thanks and looking forward to your reply.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.is-sticky > .sticky-header-resized{
height:60px !important;
}

:not(.is-sticky) .header-right{
margin-top:30px !important;
}

Thanks
Mohammad

[solidsn2004]

Thanks for the code Mohammad.This fixed the scrolling resizing.
How about the the nav menu? How can I align it in the middle?

I could use this code:

nav#main-navigation.mega-menu.clearfix{
padding-top:30px;
}

But I am not sure this is the correct way. Isn’t there an option to align it without setting a random value (in my case 30px seems right but it was a guess)?

[Nishant – SUPPORT]

Hi,

Use this custom CSS

nav#main-navigation .menu > li {
  margin: 30px 0;
  padding-bottom: 0px;
}

.header-6 .search-nav {
top:30px;
}

[Mohammad – SUPPORT]

Hi,
I updated the code in my last reply so you need to use full code of my last reply.
Thanks
Mohammad

[solidsn2004]

Thanks Mohammad but I am still having an issue 🙂

Now, when I scroll down the nav menu stays centred and the div row doesn’t become smaller but stays the same.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot.
Thanks
Mohammad

[solidsn2004]

As you can see from screenshot when I scroll down the row keeps the original height and doesn’t resize to smaller one.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please check it now.
Thanks
Mohammad

[solidsn2004]

Thanks a lot Mohammad!

Now it works as I wanted.

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad