Return to previous page

Editing the top bar - by wattenstaafje - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 9 years, 5 months ago ago by Jack Richardson

wattenstaafje

Participant

July 14, 2015 at 10:32

Hello,

I know where i can edit the top bar, but i dont know how i can create a menu with icons like the demo had. Below is what i would like to have, and how you did it?

Phone number | Newsletter | Create Account | Login |

Greetings,

Please, contact administrator
for this information.

#75061 Copied

1 Answer
Jack Richardson

Support staff

July 14, 2015 at 12:12
Hello,

You can add links in Text widget to “Right side top bar area” in Appearance > Widgets:
<div class="links li"><a href="http://link_to_your_page">Title</a></div>
And add this code in Global Custom CSS:
```
.topbar-widget .textwidget:after {
    content: "I";
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 2px 12px 0px;
}
```
Best regards,
Jack Richardson.
#75085 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Boxed Store – WooCommerce Theme

lazy-placeholder

Flowers Store – WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.