Jump to content

Bedford 7.0 - Move Navigation Below Logo

Go to solution Solved by limegroupllc,

Recommended Posts

Posted

Just to clarify; are you trying to move the hamburger menu to the right and under the logo on https://processnpower.squarespace.com?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
14 hours ago, limegroupllc said:

Hey Ziggy, yes...see screenshot attached & it will make more sense. Anything you can do to help would be much appreciated, I've tried everything! TY, Brian

Screen Shot 2022-09-29 at 12.34.55 PM.png

Move burger under logo or nav under logo?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted (edited)
10 hours ago, tuanphan said:

Move burger under logo or nav under logo?

Yes Tuanphan, disable the burger and move the entire navigation under the logo, like in the pic? TY! Brian

Edited by limegroupllc
Posted

Try this:

#header #headerNav {
    display: block;
    text-align: left;
    vertical-align: bottom;
}

Hoping that works!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
1 hour ago, Ziggy said:

Try this:

#header #headerNav {
    display: block;
    text-align: left;
    vertical-align: bottom;
}

Hoping that works!

Hey Ziggy, it moved the menu a little but didn't put it under the logo...any other ideas? TY, Brian

Screen Shot 2022-10-03 at 12.18.09 PM.png

Posted

Try this instead:

#header #headerNav {
    display: block;
    text-align: left;
    vertical-align: bottom;
}
.header-inner {
  display:block;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
25 minutes ago, Ziggy said:

Try this instead:

#header #headerNav {
    display: block;
    text-align: left;
    vertical-align: bottom;
}
.header-inner {
  display:block;
}

 

Hey Ziggy, I put in the code and it forced to hamburger menu only? TY, Brian

Screen Shot 2022-10-03 at 1.25.13 PM.png

Posted

Hmmm not sure why that happened, it appears to work with that CSS here. I might need to have access to the site to work this out unless someone else can chime in with the answer.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
48 minutes ago, Ziggy said:

Hmmm not sure why that happened, it appears to work with that CSS here. I might need to have access to the site to work this out unless someone else can chime in with the answer.

Hey Ziggy, it does work until you hit save then it reverts to a permanent hamburger menu...hopefully that helps? TY so much! Brian

Posted

Can you try adding !important to each line of CSS, just before the 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
On 10/3/2022 at 2:28 PM, Ziggy said:

Can you try adding !important to each line of CSS, just before the 

Hey Ziggy, whats your email & phone number...want to get you permission on the site and let me know what I owe you? TY, Brian

  • Solution
Posted
On 10/3/2022 at 2:28 PM, Ziggy said:

Can you try adding !important to each line of CSS, just before the ;

TY! Ziggy for figuring this out! 👍

@media only screen and (min-width: 641px) {
  #header #headerNav {
    display:table;
  }
  #logoWrapper, #headerNav, #header {
    display:block;
    text-align: left;
  }
  .header-inner {
    display:block;
  }
}

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.