Archived topic

Re-Order Secondary Nav Items

5 replies · Started by Matt Stern on August 8, 2021

Viewing posts 1–6 of 6

August 8, 2021 at 11:44 pm #1888704

Hi Guys,

I've added a Search Field to the header via a widget. https://3sternstaging.com/

It's currently showing up to the right of the Secondary Navigation Items. Can you suggest how to make the search field the first item in this row. So it sits to the right of the Site Title / Logo?

Thanks kindly,

Matt

August 9, 2021 at 12:21 am #1888732

Hi Matt,

You can try adding this CSS so the secondary menu items are the last on the row.

nav#secondary-navigation {
    order: 3;
}

This should swap places of the menu items and the search form. :D

August 9, 2021 at 9:50 am #1889575

Thanks, Elvin, that worked. Is it possible to move the Cart Icon up into the secondary nav? Something like this: https://www.sylvane.com/

Not a huge thing as I could just use a custom icon linked to the cart in the secondary nav, but it would be nice to have the Cart icon that shows cart value.

Thanks.

Matt

August 9, 2021 at 10:13 am #1889602

Hi Matt,

You can try this snippet to move cart to the secondary navigation:
https://docs.generatepress.com/article/generate_woocommerce_menu_item_location/

August 10, 2021 at 2:00 pm #1891207

Thanks, Ying. That worked.

August 10, 2021 at 6:41 pm #1891321

You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.