Image Resizing in Nav Bar

Support
#1

Hi. I’m trying to take a image in the nav bar, and resize is to disappear once you start shrinking.

When the website initially opens, this is the nav bar ^
When they scroll, the nav bar changes to this /

I want the logo to disappear entirely, and have a shrinking effect when they scroll.

#2

Hi there,

Thanks for writing around! I believe you’re using Pro as you’ve all Pro licences when I checked so you can follow this thread https://theme.co/apex/forum/t/shrink-menu-logo-upon-scroll-down-back-to-full-size-at-top-again-smoothly/9167/2

Hope this helps!

#3

Hi. Thanks for the quick reply! We are using pro. When I changed the shrink size, it does remove the image (atleast it makes the image super super small to the point where you cant see it), however, it does this to the nav bar

#4

Hi There,

In that case, please provide us with the URL to your referenced site so that we should be able to assist you with a possible workaround.

Thanks!

#5

See the secure note.

#6

Hi There,

I’ve changed the Shrink Amount option to 0.6 and the header looks good now:

Cheers!

#7

While the header does look better now, that isn’t the effect we want.

We would like the header to look like this with the initial page load:

And for the logo to completely disappear (and page links shift to fill in the space) when scrolling down.

#8

Hi again,

Please add the following code in the Theme Options > CSS:

.x-masthead .x-bar.x-bar-fixed .x-image {
    display: none;
}

Let us know how this goes!

#9

That worked, thank you very much!

#10

Glad we were able to help :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.