[Support request] Placing header search box to right of menu which features in middle

Home Forums Support [Support request] Placing header search box to right of menu which features in middle

Home Forums Support Placing header search box to right of menu which features in middle

Viewing 15 posts - 1 through 15 (of 88 total)
  • Author
  • #1764229


    Right now enabling the navigation search places it to the right of the primary menu which I have set to appear in middle of header.

    I raised this a while back and was advised under premium this maybe possible, however I’m not seeing a way of achieving this thru customization.

    Specifically for desktop and tablet, for mobile it would have to feature within navigation panel I’m assuming.

    Thanks if you can advise.

    Customer Support

    Hi there,

    i am not sure i fully understand the requirement.

    Do you have a screenshot of a mockup of what you want displayed on desktop ?

    Lead Developer
    Lead Developer

    Hi there,

    The first step I’d take is to use the Navigation as Header option: https://docs.generatepress.com/article/navigation-as-a-header/

    Then if you’re able to activate the navigation search option we should be able to provide some simple CSS to achieve the layout.

    Let us know ๐Ÿ™‚


    Thanks Tom, had a fiddle. Still places search icon as before. No worries if unachievable through current set up. I’d ideally like a white rectangular search box to appear within the top right of the header. Any compatible menu pluguin recommendations welcome.

    Customer Support

    I am sure its doable – if you can enable the navigation search then we can take a look at the CSS required.


    hi David – apologies on 2 fronts, getting round to finishing this and last post on measure.

    Well, I have created new menu in appearance – menus and assigned it to off canvas.

    In customizer – menus, have checked box box off canvas and checked it as primary menu as only menu i have created.

    In customizer – layout – sticky nav have turned sticky nav on – transition none and uploaded sticky image, a white hamburger icon on transparent background.

    In customizer – primary nav, i have set navigation location to float right.

    Navigation search is disabled for now as per your advice before.

    Would like hamburger to appear top right. Do not want to set up a mega menu but one that features like the “categories” canvas layout vertical button at lelo.com/, but top right for now.

    Can’t seem to get the uploaded hamburger icon to appear first off before setting search navigation somehow.

    any light shed wld be great, thanks.

    Customer Support

    Hi Robchanoi,

    To confirm, are you referring to this?: https://share.getcloudapp.com/yAuK0vXp

    If so, may you kindly go to Appearance > Customize > Layout > Header and set the Header Preset as such: https://share.getcloudapp.com/xQuqjg4X

    Reduce the Header Padding as well.

    Kindly let us know how it goes. ๐Ÿ™‚


    Thanks Fernando,

    Actually for a different site but this does help – thanks.

    However – positioning the search function I’m having difficulty with.

    Is it possible to center it for it to appear above 3-bar-nav on desktop or in 3-bar-nav at top on mobile?

    Right now can’t get 3barnav and search to appear on homepage on site I have left link to below.


    Customer Support

    I am not seeing the navigation on the latest URL you provided ?


    yup – i can’t get it to appear.

    Have created one menu in appearance-menu
    In customizer – menu have assigned this menu to off canvas menu
    In customizer – colors – canvas menu nav have set backgound to white
    In customizer – layout have enabled desktop and mobile canvas menu.

    nothing appearing in homepage
    when trying to enable search – that also won’t show on homepage.


    Customer Support

    In Customizer > Layout > Primary Nav – what is its Location ?


    float right

    Customer Support

    If you edit the Header Element you have on the site, on its Site Header tab, is the Primary Nav location different there ?
    It should be set to default


    ahh, have done but came out looking like this – have disabled for now

Viewing 15 posts - 1 through 15 (of 88 total)
  • You must be logged in to reply to this topic.