Jump to content

Bedford 7.0 - Move Navigation Below Logo

Go to solution Solved by limegroupllc,

Recommended Posts

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 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
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!)

Link to comment

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 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

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 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

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 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
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

Link to comment

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 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • Solution
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;
  }
}
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.