Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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 post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Posts

You want: Normal Menu - Logo - Social Icons/Search? or Logo - Normal Menu - Social Icons/Search?

Posted Images

You want: Normal Menu - Logo - Social Icons/Search?

or Logo - Normal Menu - Social Icons/Search?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

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 post

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.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...