Archived topic
Change menu icons
5 replies · Started by Pedro on May 1, 2019
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?
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.
Hey David! It worked, thank you!
You're welcome
Hello David!
I wanted to ask you, is there any way to place the search button within the main menu in the mobile version?
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.
