Return to previous page

Submenu arrows? - by ArthurAnn - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

ArthurAnn

Participant

November 7, 2015 at 00:29

Hello,

Can you please tell me how in settings or with CSS I can make down arrows in the main menu? Signifying there are more pages in a submenu? Like the submenu has itself for more pages, just that same arrow, but pointing down, in the main nav, for items with a submenu.

Usually there is a setting for that, thank you so much, Scott

#98223 Copied Theme version: Latest WooCommerce version: Latest

5 Answers

Stan Russell

Participant

November 7, 2015 at 09:46

Hello ArthurAnn,

please show us on screenshot what results do you want to achieve.

Regards,
Stan Russell.

#98244 Copied

ArthurAnn

Participant

November 7, 2015 at 14:22

I cannot add a screenshot in replies, but look at the menu on this site, I just needthe down arrows in the main nav that let users know there are more pages and a submenu. You already have them in the submenu itself. There are arrows that let people know there are sub-subpages, but not in the main nav. Thanks.

http://www.freelancewebdesignaustin.com/

#98258 Copied
Eva Kemp

Support staff

November 9, 2015 at 11:58
Hello,

I’ve added this code in child style.css file:
```
.menu > li.menu-item-has-children > a:after {
    content: "\f078";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -20px;
    left: 0px;
    font-family: FontAwesome;
    margin-left: 10px;
    font-size: 10px !important;
}
```
Please check menu now.

Regards,
Eva Kemp.
#98407 Copied
ArthurAnn

Participant

November 9, 2015 at 15:23

Thanks.

Please tell me how I can make them thin like the submenu arrows and also not disappear when hovered over. When you hover over the link the arrows dissappear.

Also please tell me why or how to fix, nothing is clickable on mobile, nothing works on mobile, menu, links, buttons, do not operate on mobile. (3-4 day old ticket)

Thanks again,
Scott

#98446 Copied
Eva Kemp

Support staff

November 9, 2015 at 17:17
Hello,

I’ve added this code in child style.css file:
```
.menu > li.menu-item-has-children > a:after, .menu > li.menu-item-has-children > a:hover:after {
    content: "\f078";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -20px;
    left: 0px;
    font-family: FontAwesome;
    margin-left: 10px;
    font-size: 16px !important;
}
```
Please check menu now.
Sorry, but arrows thickness can’t be changed as they are used from Font Awesome icons http://fortawesome.github.io/Font-Awesome/ .

Regards,
Eva Kemp.
#98480 Copied
Viewing 6 results - 1 through 6 (of 6 total)