Archived topic
Is there a way to get my menu, logo to look like this?
3 replies · Started by Heath on September 6, 2021
I know this really isn't in your realm of support, or at least I don't think it is. Is there a way to get my header to show exactly like the one in the screen shot including the lines between the menu, logo and cart with the search underneath?
I dont want the word menu to be the menu icon though.
Any help at all would be appreciated.
Here's the screenshot: https://ibb.co/JdpTYYr
Hi there,
For starters, consider using a Mobile Header. You can activate it on Appearance > customize > Layout > Header.
For removing the "menu" text, go to Appearance > Customize > Layout > Primary Menu and remove text "Menu" on the Mobile Menu Label text field.
As for placing a custom search bar, you may need to get a Search bar plugin of your preference and hook it generate_after_header if you want it outside of the header, or hook it on generate_after_primary_menu if you want it inside of the header but after the navigation.
As for the cart, Go to appearance > Customize > Layout > WooCommerce and check "Display cart". The "Cart" label can be added using pseudo element CSS.
As for the border, we can do this with CSS once you've done the rest of the layout. :D
I've decided to skip the search bar but how would I get the logo to the center along with the lines centered as it shows in the screenshot?
You can try adding this CSS for the borders.
.site-header-row-container-inner {
border: 1px solid black;
}
.site-header-main-section-center {
border-left: 1px solid black;
border-right: 1px solid black;
}Here's an example of it in action on your site - https://share.getcloudapp.com/RBuLrWe1
