socialveronika Posted August 9, 2020 Share Posted August 9, 2020 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? 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
tuanphan Posted August 9, 2020 Share Posted August 9, 2020 You want: Normal Menu - Logo - Social Icons/Search? or Logo - Normal Menu - Social Icons/Search? 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
socialveronika Posted August 9, 2020 Author Share Posted August 9, 2020 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! Link to comment
tuanphan Posted August 9, 2020 Share Posted August 9, 2020 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
Abrandnewday23 Posted December 20, 2020 Share Posted December 20, 2020 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! Link to comment
tuanphan Posted December 24, 2020 Share Posted December 24, 2020 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
Maya_Armony Posted February 13, 2021 Share Posted February 13, 2021 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
tuanphan Posted February 16, 2021 Share Posted February 16, 2021 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
Nchumchal Posted February 23, 2021 Share Posted February 23, 2021 Hello Tuanphan, private messaged you the same question, along with other info. Any help is appreciated. Link to comment
tuanphan Posted March 4, 2021 Share Posted March 4, 2021 If anyone has this problem, please 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
samontheinternet Posted June 22, 2021 Share Posted June 22, 2021 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!! Link to comment
tuanphan Posted June 23, 2021 Share Posted June 23, 2021 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
whatevalola Posted June 26, 2021 Share Posted June 26, 2021 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??? Link to comment
tuanphan Posted June 27, 2021 Share Posted June 27, 2021 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.