Jump to content

Changing navigation on READY template (7.0)

Recommended Posts

Site URL: https://www.inboundhouse.com/

Hey folks! I can't seem to find an answer to this anywhere online so wanted to ask here. 

I'm building my website on the 'Ready' template and would like to change the navigation style - instead of the icon/burger menu, I'd like a regular menu to display at the top header of all pages.  Is this possible by adding custom CSS?

1459831888_ScreenShot2020-08-09at09_36_10.thumb.png.f83909e123203b8f540b503be01386f6.png

I really like this template so wouldn't want to start from scratch again... but I will if I have to. :) 

My website link: https://www.inboundhouse.com/

Thanks so much!

Link to comment

hey Tuanphan! 

Thanks so much for getting back to me. Didn't even think that far! 

I'd love to have:

Logo ---- Normal Menu --- Opportunity for a square/button CTA* --- Search*
*The CTA & search functions are a nice-to-have.

The social icons can disappear from the top menu and be just in the footer (that could be a separate change?). Thanks again! 

760557925_ScreenShot2020-08-09at12_16_44.thumb.png.90bfebbbcd08a2f6e7eaeb654bbfedff.png

 

Link to comment

Three ways to do this

1. Use CSS/JavaScript to move all the items in the Burger Menu out of the box, then reorder the elements in the Header.

2. Use Sidebar plugin to create a new header, and use a few lines of code to hide the current header.

(I used to test this plugin to create sidebar in Skye template (don't remember very clearly, just remember to make a template with the same header as your site)

The plugin will allow you to create a separate page on Not Linked, you can design the layout, then the plugin will convert the content of that page into a header.

3. Create a header with HTML and insert Code Injection, then use CSS to replace the current header with the new header.

(2), (3) will be easier.

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
  • 4 months later...
On 12/21/2020 at 1:50 AM, Abrandnewday23 said:

Hi there!

I am facing the same issue with this template. I'd like to have a standard navigation menu as well.

Site Title - Navigation Menu - Social Icons 

@tuanphan If you have the answer, I'd love to try it out. 

Thanks!

 

Can you share site url? We can help easier

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
  • 1 month later...

Hey Tuanphan! 

I have the same Q as above:

I am using the "ready" template and I want to create a regular navigation bar vs a hamburger. Can you please help me with this?

 

 

I'd love to have:

Logo ---- Normal Menu --- Opportunity for a square/button CTA* --- Search*
*The CTA & search functions are a nice-to-have.

The social icons can disappear from the top menu and be just in the footer (that could be a separate change?). Thanks again! 

Link to comment
On 2/13/2021 at 8:33 PM, Maya_Armony said:

Hey Tuanphan! 

I have the same Q as above:

I am using the "ready" template and I want to create a regular navigation bar vs a hamburger. Can you please help me with this?

 

 

I'd love to have:

Logo ---- Normal Menu --- Opportunity for a square/button CTA* --- Search*
*The CTA & search functions are a nice-to-have.

The social icons can disappear from the top menu and be just in the footer (that could be a separate change?). Thanks again! 

Can you share site url?

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
  • 2 weeks later...
  • 3 months later...
12 hours ago, samontheinternet said:

Hello!

I have the same request - I am using the "ready" template and I want to create a regular navigation bar vs a hamburger. I do not know how to code, but if there's a simple way to do this I'd hugely appreciate it.

Thank you in advance!!

If you share link to your site, we can check easier

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
On 6/26/2021 at 7:20 AM, whatevalola said:

Hi!

My link is www.whatevalola.com I'm using the ready template and i have a hamburger navigation and when i'm in mobile/ipad mode it hides my logo. Is there any way to fix that via coding??? 

I see logo is under header on mobile. You want to move it into header?

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

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.