Header Layout questions, using Virtue Premium

[Nantz]

Nantz

October 19, 2024 at 4:06 pm

Hi Kadence Team~
Questions for you:
1. How can I set up a header area with a Search icon on the left, logo centered in the middle, and Login (My Account) plus Mini Cart inline on the right? (as shown in the screenshot attached)

If I choose Header Style: Center Logo menus on sides…
“Left menu is the primary menu and right menu is the secondary menu. Header is set with two menus.”
But I need a full regular-type menu/navbar below the logo (as shown in the screenshot), which at the moment, is the primary menu, so the layout I need isn’t going to work with this header style—right?

Is this layout done with widgets instead (4th Logo Layout option, called Logo Left Widget Layout)? And if so, what css would I use to center the logo, and put the other elements on either side of the logo (search icon on left, Login + Mini Cart on right), while keeping the “main” navbar in place centered under the logo? I see that at least the navbar stays below the logo with this option, but the logo is far left instead of centered, and I’m not sure how to add the search icon, & login/mini-cart widgets where I want them.

2. How to get a shop notice/banner type line of text (like, “Fall Sale 40% Off”) centered in the topbar?
I don’t want to use the banner image feature (because that feature is an image and not text, and, it also appears below the header)… we just need to keep the text in line with the social icons in the topbar. Possible? Do I need certain css to do this, and if so, can you please provide it?

I’ve seen others here on this forum use this layout with Virtue Premium, but I have not (yet) been able to figure out how it was done (I did search for answers here)!

Thanks in advance for your help… much appreciated!
~n