- This topic has 11 replies, 2 voices, and was last updated 3 years, 3 months ago by Leo.
January 15, 2018 at 1:02 am #471157keiron
Hi guys I am currently editing my header to include my logo, social media icons and a search bar. I have used the social media icons and search widget and have all elements inside the header area but i would really like to move them about to specific areas of the header. I do not see any options for this on generate pro and am wondering if it would be better to create a header from scratch in elementor pro. I am aware that GP pro is a well coded theme and it would be better to manage it using the in built capabilities but i cant work out how to do this in GP pro.January 15, 2018 at 8:07 am #471460LeoStaffCustomer Support
Something like this might help:
https://docs.generatepress.com/article/creating-columns/January 15, 2018 at 12:04 pm #471663keiron
Thank you for the feedback! I see to insert widgets in the various sections you must use another plugin to add shortcode. I am wondering if it would be better just to create the header with elementor? I also do not see options for editing the search widget?January 15, 2018 at 3:15 pm #471799LeoStaffCustomer SupportJanuary 15, 2018 at 11:12 pm #471926keiron
I am trying to align the search box centred at the top with the navigation burger icon on the left and social media icons on the right.
☰ |this is the search box | (F) (G+) (Pi) (Ins)
( Website Logo underneath)
Ideally when the website is then viewed on mobile this layout will remain, with the social icons probably needing to be in a drop down menu as well. http://ohsheglows.com/ mobile website has an interesting way of showing the drop down menu with the social media icons which could be an ideal option.
At the moment I Have managed to get the social media icons in the navigation bar floating right but i haven’t been able to sort the navigation burger icon or get a search box in the centre. I am aware you can enable search through the primary navigation settings but this just adds a search symbol as opposed to a box.January 16, 2018 at 8:56 am #472359LeoStaffCustomer Support
You might be able to try this method here using the plugin and secondary navigation:
Then this method here so it doesn’t turn into toggle for mobile:
A link to your site might help so I’m not purely guessing your layout 🙂January 16, 2018 at 10:09 am #472457keiron
Im guessing there is no way of modifying the search option which comes with the navigation bar using some css? its frustrating because the search box is there, i just need it to be a box not the symbol and block the on-click transitions assigned to it.
I See that in the CSS editor there are lots of “main nav search class”…. I am wondering if these is css along the lines of (Below) for removing the search icon somehow to achieve a search box instead of the symbol? The CSS in the editor is quite easy to understand what is going on but I am not sure how to overide all the .Active, visible and transition settings to make the search bar just appear as normal… another issue may be the lack of a “placeholder” input :/
ohh i didn’t think i could post a link? i have tried to view the website when i am not logged in and it doesnt show!
Thanks for the help!January 16, 2018 at 12:08 pm #472566LeoStaffCustomer Support
This method allows you insert the default search box in the navigation:
https://wordpress.org/support/topic/generatepress-search-how-to-change-visual-display/January 16, 2018 at 12:24 pm #472580keiron
Thanks, this looks ideal! Tom talks about adding functions he provides, where would i add these functions? also do you have any idea how to make the menua drop down with hamburger icon in the desktop nav
regards.January 16, 2018 at 2:05 pm #472688LeoStaffCustomer Support
Using one of the methods here: https://docs.generatepress.com/article/adding-php/
Not sure what you mean with the second question?
If it’s unrelated to this. Please open a new topic.January 17, 2018 at 3:04 am #473045keiron
Cheers, what would be the negatives of using the top bar with naviagtion, search and social media widgets as opposed to using the primary nav and adding the search through adding php?January 17, 2018 at 6:23 am #473157
- You must be logged in to reply to this topic.