Return to previous page

Mobile menu - by kordicpetar - on WordPress WooCommerce support

This topic has 15 replies, 4 voices, and was last updated 7 years, 11 months ago ago by Jack Richardson

kordicpetar

Participant

December 5, 2016 at 13:31

Can you tell me what php file is controlling mobile menu display?

#147930 Copied

14 Answers

Rose Tyler

Support staff

December 5, 2016 at 13:48

Hello,

You can edit the file header.php. We recommend to make changes in the child theme not to lose changes after update.
You can set your Main Menu for Mobile Menu in Appearance > Menus > Manage Locations.

Regards,
Rose Tyler.

#147938 Copied

kordicpetar

Participant

December 5, 2016 at 14:12

Thanks!

And how can I modify this cart here? http://pho.to/AY4C0

I need to translate it and to erase Cart or in this case Korpa word.

#147941 Copied

Eva Kemp

Support staff

December 5, 2016 at 17:15

Hello,

Please provide FTP and WP Dashboard credentials in Private Content.

Regards,
Eva Kemp.

#147998 Copied

kordicpetar

Participant

December 6, 2016 at 10:54

Hi there, here are credentials.

Please, contact administrator
for this information.

#148096 Copied

Eva Kemp

Support staff

December 6, 2016 at 19:55

Hello,

As I see you’re using other header type than on your screenshot.
Do you need to remove word “Korpa” only?

Regards,
Eva Kemp.

#148163 Copied

kordicpetar

Participant

December 7, 2016 at 08:23

No, I am not using other header type, that from the screenshot is preview for tablets, and you probably saw desktop version. I would like to remove all but icon of cart, amount and currence. So Need to remove Korpa, number of items and “items for”.

#148200 Copied

kordicpetar

Participant

December 7, 2016 at 08:25

And if I may, is it possible to add cart in mobile menu?

#148201 Copied
Eva Kemp

Support staff

December 7, 2016 at 10:06
Hello,

Please add this code in custom.css file:
```
@media (min-width: 680px) and (max-width: 1200px) {.shopping-cart-widget .cart-summ .price-summ, .shopping-cart-widget .cart-bag .badge-number {
    display: none;
}
.shopping-cart-widget .cart-bag {
  color: transparent;
}}
```
You can add Cart page to mobile menu in Appearance > Menus.

Regards,
Eva Kemp.
#148213 Copied
kordicpetar

Participant

December 7, 2016 at 13:11

Dear Eva,

this did not work, it left me only bag, and removed amount and currency. How to retrieve that two?

#148233 Copied

Jack Richardson

Support staff

December 7, 2016 at 18:13

Hello,

Please clarify what you want to remove and what needs to be kept.

Best regards,
Jack Richardson.

#148264 Copied

kordicpetar

Participant

December 7, 2016 at 18:33

So on display lower then 980 I have cart next to logo. I want to have bag icon then space then value of cart then space then currency. So instead of (bag icon) “Korpa” 8 items for 8.000,00 rsd whic is now, I want “(bag icon) 8.000,00 rsd”

#148270 Copied
Jack Richardson

Support staff

December 7, 2016 at 20:24
Hello,

Please use this css code:
```
@media (min-width: 680px) and (max-width: 1200px) {.shopping-cart-widget .cart-bag .badge-number {
    display: none;
}
.shopping-cart-widget .cart-bag {
  color: transparent;
}
.shopping-cart-widget .cart-summ > .cart-bag:before {
   margin-right: -35px;
}}
```
Best regards,
Jack Richardson.
#148291 Copied
kordicpetar

Participant

December 7, 2016 at 20:56

This is good step but Korpa word is still there just it is transparent and there is still that space where she was http://pho.to/AYLt7. How can I remove that?

#148295 Copied
Jack Richardson

Support staff

December 8, 2016 at 10:15
Hello,

If we remove the word, cart icon will be also removed.
So try to replace this code:
```
.shopping-cart-widget .cart-summ > .cart-bag:before {
   margin-right: -35px;
}
```
with this:
```
.shopping-cart-widget .cart-summ > .cart-bag:before {
   margin-right: -35px !important;
}
```
Best regards,
Jack Richardson.
#148341 Copied
Viewing 15 results - 1 through 15 (of 15 total)