Jump to content

Put Menu beside logo instead of above it on Avenue?

Recommended Posts

Site URL: http://russellcbanks.com

An hour of searching the forum and trying a few pieces of code that haven’t worked, so I’m posting the question now:

I recall seeing home pages on mobile where the logo is in the upper left, with the Menu link in the upper right, instead of one centered above the other like it is in my Avenue site. (screenshot attached)

Is there CSS code for doing that? 


Thanks,
Russell

IMG_1970.PNG

Link to comment

Someone said this worked, Let me know, may want to use it on my Avenue sites as well

/* HAMBURGER NAVIGATION */
 #mobileMenuLink a:after { 
content: '☰'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; }

There are a number of code variations but none that  specifically say it moves the logo above the menu or next to it. 

 

Edited by derricksrandomviews
Link to comment
5 hours ago, derricksrandomviews said:

Someone said this worked, Let me know, may want to use it on my Avenue sites as well

/* HAMBURGER NAVIGATION */
 #mobileMenuLink a:after { 
content: '☰'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; }

There are a number of code variations but none that  specifically say it moves the logo above the menu or next to it. 

 

Just tested on above site. I think need to adjust a bit.

image.thumb.png.528b4483e006363029045bdbcd70e823.png

--

I'm doing this problem for a client. I use jQuery to solve.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.