Ubermenu Header and stacking social icons using pro theme

Hi there, I am trying to customise my header to have my logo, ubermenu and social icons in the top. I am trying to make it similar to a x theme I have seen. Details in secure note. I am having difficulty trying to space the ubermenu better. I need the menu to fit in the top and the logo over to the left. At the moment the ethos demo theme is appearing over my site www.bogography.com as well.

My issues are:

  1. The uber menu is right over on the left of the right hand side of the logo. I would there to be space here and the menu continue over to the right.
  2. I disable the search from the demo theme on the sidebar, but the search icon is not appearing for me in the header. I am looking to put this into the right of the ubermenu or another contanier.
  3. I am looking to stack my social icons above my ubermenu on the top right. they should start in the top right and move leftwards into the free space as i add more of them.

Hello @tobyl,

Thanks for asking. :slight_smile:

  1. I believe you are looking to increase the space in between logo and menu. To do that open the logo element increase under header builder the values to margin-right property. Please see screenshot.

  1. Please add header builder search element. I tried adding on your website and it works fine.
  2. Regarding social media icons, please create a new bar in header builder and add the social icons in the same.

Hope that helps you to get started.

Thanks.

thank you for your help, all done, but my interactions don’t seem to be working on the webpage now.

Hi There,

Can you please confirm which interaction you are talking about?
Seems the website is working fine including the menu.

Thanks

all good now. I went in and resaved it. All good, thanks for the great support.

You’re most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.