[Support request] Change menu icons

[Pedro]

Hello! I would like to change the default location of the icons that appear in the main menu.

By default in the “Target” template, the icons are shown like this:

Desk:
Search / Cart

Mobile:
Search / Cart / Menu

On my site, they are showing like this:

Desk:
Cart / Search

Mobile:
Cart / Search / Menu

So that they understand a little what I say, I leave the screenshots:

https://mega.nz/#!GxNxnIaR!m9riRCc14WwulVMWch6_ixNUWireXuE8d0Y0uwAUH0o
https://mega.nz/#!68V3kQQB!hSm958mLVPcT1aBhG8nMpBWWwNm_rmkZhEaX7Pej9iM

How can I make this change?

[David]

Hi there,

the Target site uses this CSS for the desktop arrangement:

@media (min-width: 769px) {
    .sf-menu>li.search-item,
    .sf-menu>li.wc-menu-item  {
        float: right !important;
    }
}

For the mobile you would need to enable the Mobile Header for that layout.

[Pedro]

Hey David! It worked, thank you!

[David]

You’re welcome

[Pedro]

Hello David!

I wanted to ask you, is there any way to place the search button within the main menu in the mobile version?

[David]

You won’t be able to add the GP nav search inside the menu drop down.
The alternative is to use the Slideout Navigation which has a widget area where you can add the WP or Woo search widget.

[Author]

Posts