Return to previous page

Adjustments Menu & Sticky Menu - by santiarango

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

santiarango

Participant

October 4, 2016 at 17:42

We have 2 adjustments:

– When we scroll down the sticky menu shows the icon Cart with the counter (number on circle) and under the total price of what`s added to the Cart, How can we have those 2 things at the top on static main menu with the icon Cart? because at the regular main menu we only see the icon Cart and nothing else.

– How can we change the font of the sticky menu? It seems it`s a flat default font for both sticky menu and menus deploying sub-elements of main menu, is there any way to customize fonts of both?

#141517 Copied Theme version: 2.7.3 WooCommerce version: 2.6.4

7 Answers
Eva Kemp

Support staff

October 4, 2016 at 19:06
Hello,

1. Do you mean you want to show only cart icon in the fixed header without Cart text and number?

2. To change font for menu items in the fixed header use this css code:
```
.fixed-header-area .menu > li > a {
   font-family: open sans;
}
.fixed-header-area .menu .nav-sublist-dropdown ul > li > a {
   font-family: open sans;
}
```
Change font value to yours.

Regards,
Eva Kemp.
#141525 Copied
santiarango

Participant

October 6, 2016 at 16:13

Hi
1. Currently our fixed header and menu only show the Cart icon, and we want to show Cart + circle with number of items added (text) + Cost $ of items in the Cart, the same way as it shows all those in the Sticky menu when we scroll down. Is it clear?

2. Thanks for the code, we will try it!

#141819 Copied
Jack Richardson

Support staff

October 6, 2016 at 17:45
Hello,

Please use this css code:
```
.header-type-18 .navbar-right .navbar-right .shop-text .total {
   color: #E4E4E4;
}
.badge-number {
    display: block !important;
    top: -2px;
    right: 1px;
}
```
Best regards,
Jack Richardson.
#141838 Copied
santiarango

Participant

October 10, 2016 at 17:12

Great, The icon Cart for static menu worked out perfectly with the added info!

About the font in menus it worked out perfectly for sticky menu with both links and sub-links in drop down menus with Raleway, but for the Static main menu on top we got Raleway for main links but not for sub-links on the drop-down menus, it seems there is a line missing on the CSS code.

Could you please check it.

Thanks!

#142196 Copied
Eva Kemp

Support staff

October 10, 2016 at 17:43
Hello,

Please use this css code:
```
.menu > li a {
    font-family: Raleway;
}
```
Regards,
Eva Kemp.
#142199 Copied
santiarango

Participant

October 11, 2016 at 16:35

Great help! all perfect now 🙂

#142323 Copied

Eva Kemp

Support staff

October 11, 2016 at 16:54

Hello,

You’re welcome.

Regards,
Eva Kemp.

#142325 Copied
Tagged: adjustments, optimization, seo friendly, sticky menu, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)