Return to previous page

Menu Navbar Collapse - by zf - on WordPress WooCommerce support

This topic has 11 replies, 5 voices, and was last updated 9 years ago ago by Eva Kemp

zf

Participant

April 24, 2015 at 09:09

Hi Guys, how would I go about changing the size that triggers a collapse in the menu navigation?

Also where/what line would I find the options to change the colours of the collapsed menu.

Thanks Again

Z

#59387 Copied

10 Answers

Stan Russell

Participant

April 24, 2015 at 09:33

Hello,

please show us on screenshot what elements and how do you want to edit.

Regards,
Stan Russell.

#59395 Copied
Robert Hall

Support staff

April 24, 2015 at 09:37
Hello,

You can use this code in custom.css file to change color and size of mobile menu.
```
.menu-icon:before{
color:red;
font-size: 32px;
}
```
Regards,
Robert Hall.
#59396 Copied
zf

Participant

April 24, 2015 at 10:20

Hi Robert, i meant what resolution or screen size (media-width) will cause the menu to change to collapsed (mobile) instead of desktop.

Also the items i want to change will be the entire menu system colours (Side Menu for Mobile and Desktop)

Thanks

#59406 Copied
Robert Hall

Support staff

April 24, 2015 at 10:39
Hello,

The menu changes to collapsed when resolution is < 992 px. 1) for background color:
```
.st-menu{
background: #FFFFFF;
}
```
2) for text color:
```
.et-mobile-menu li a{
color:red;
}
```
Regards
Robert Hall
#59412 Copied
zf

Participant

April 24, 2015 at 10:47

Ok thank you very much. I will try those out

Z

#59416 Copied

Brian Johnson

Member

April 24, 2015 at 10:51

Hello

You are welcome!

With best regards
Brian Johnson

#59417 Copied

zf

Participant

April 24, 2015 at 13:31

Hi There, please could you let me know where to find this arrow and what the name is. Been through theme/images folder and cant find it.

http://prntscr.com/6xku9p

Thanks

Z

#59482 Copied

Robert Hall

Support staff

April 24, 2015 at 13:39

It’s not an images, it’s code. Please see screenshot: http://prntscr.com/6xkx7u
and http://prntscr.com/6xkxi6

Regards,
Robert Hall.

#59486 Copied

zf

Participant

April 24, 2015 at 14:42

Hi Robert, thank you for that. I did however notice that it only works on a smaller size (520) but as soon as the window goes bigger or is viewed on a different device (larger screen) the menu defaults back to its default.

Thanks

Z

Please, contact administrator
for this information.

#59505 Copied

Eva Kemp

Support staff

April 24, 2015 at 16:48

Hello,

Could you please clarify your last query?

Thank you.
Regards,
Eva Kemp.

#59537 Copied
Viewing 11 results - 1 through 11 (of 11 total)