Jump to content
Coffeebuzz

side nav with menu icon?

Recommended Posts

Yes, but you have to understand how each of the two things are made.

Share this post


Link to post
Share on other sites

this is pretty much exactly the navigation i would like to create when the site is viewed on a mobile device http://blog.goway.com/globetrotting/2017/11/top-5-day-trips-in-the-cook-islands/  Are you able to tell me if the nav trigger is one image made up of a "hamburger" image combined with the site logo? it appears that it is all one graphic/image. But what i don't understand is how they are transitioning from the desktop menu to the mobile menu. how is this done? i mean what do i have to understand the most i.e. html, css, or javascript? thanks

 

Share this post


Link to post
Share on other sites

That is a sprite image, it removes the need to load images individually. It loads all in one go and prevents delay in the other image showing when required, then its just a matter of positioning the background image to show required image.

The change from desktop to other device width is controlled by css media queries, when a set device width is reached, the layout is changed to accommodate device width.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×