Archived topic

Make logo larger than sticky menu, then shrink to fit upon scrolling?

3 replies · Started by mywonder on May 30, 2016

Viewing posts 1–4 of 4

May 30, 2016 at 10:21 am #198042

Hi Tom,

Is there any way to make the logo larger than the sticky menu (overlap it) when the page is first opened, like this: http://www.kerrybober.com/

But then have the logo shrink to fit into the sticky menu once scrolling? (her logo just disappears when the user starts scrolling her site).

I do like the idea of the logo being larger for when the site visitor first views the site.

Thanks for any ideas you may have...

Best to you, Meredith

May 30, 2016 at 11:19 pm #198194

Hi Meredith,

This would depend on how your header is displaying when you first load the site. Do you have something set up that only needs to above effect done to it? If so, can you link me to it? That would be the easiest way for me to give you some code :)

May 31, 2016 at 5:32 am #198227

Cool, thanks so much, Tom...you have answered my question--that the effect is possible to do.

My logo is still in the tweaking stages (by someone else), so what I have been using to play with it in GP is a screenshot I took of it from an email so I would have a jpeg. So...I should probably wait to show you what I'm doing until I have the finalized file.

Is there a certain file format and image size you recommend using? The jpeg I used was pretty small, but presented itself very nicely no matter how I sized the sticky menu.

But if there is something I should know about file format and size, I thought I should check while still working with the designer.

Thanks!!

Have a grand day....Meredith

May 31, 2016 at 11:30 am #198297

Nothing specific, it should just be large enough to hang out of the header area when it's not sticky :)

This archived topic is closed to new replies.

Start building better websites today.