Learn how to:

The store footer menu consists of My Account, Track Orders, Shopping Bag, and other (e.g. Favorites) hyperlinked icons.


Hide the whole footer menu

You can disable the whole footer menu at the Store manager > Design > scroll down to Storefront navigation & colors > Footer menu > Do not show


Hide particular footer menu icons

Replace the 1 in child(1) depending on the icon you want to hide.

.ec-size .ec-store .ec-footer__cell:nth-child(1) { display: none; }

Numbers (1 to N) are counted from left to right, For example, child(1) will hide My Account, child(2) will hide Track Orders, child(3) will hide Shopping Bag.

Go to the Store manager > Design > scroll down to the bottom and find the Create theme button.

Or, if you already have a theme that's activated, click Edit theme.

Click Add New CSS Theme (or edit the existing theme) and paste the CSS code.

Make sure the theme is active and save the changes.


Change the footer menu color

In the codes below, replace #262626 or red with a preferred hex code or color.

Footer menu color:

html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-footer__link { color: #262626; }

Footer menu color on hover:

html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-footer__link:hover { color: red; }

Go to the Store manager > Design > scroll down to the bottom and find the Create theme button.

Or, if you already have a theme that's activated, click Edit theme.

Click Add New CSS Theme (or edit the existing theme) and paste the CSS code. Make sure the theme is active and save the changes.


Additional resources

Did this answer your question?