Docs

[KB-WFW]

Hi Support,

I was able to replace the menu items with a small image (icon) See to the right of the Facebook icon : http://fitness.worryfreeweb.ca/

But I am not sure how to get that to appear on mobile view?

Ideally I would like to add Facebook after the Facebook icon and place the Mindbody Icon before the Menu name Mindbody but only in the mobile view..

See attached.

Thanks 🙂

Craig

[Lely]

Hello Craig,

Please also add the following CSS:

.x-nav-wrap.mobile .menu-item-139>a>span {
    position: relative;
    padding-left: 18px;
}
.x-nav-wrap.mobile .menu-item-139>a>span:before {
    background-image: url("http://fitness.worryfreeweb.ca/wp-content/uploads/2016/07/mindbody-25.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 38px;
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    left: -1px;
}
.x-nav-wrap.mobile .menu-item-138>a>span:after {
    content: "FACEBOOK";
    margin-left: 6px;
}
.x-nav-wrap.mobile .menu-item-138>a>span {
    position: relative;
}

[KB-WFW]

This is great. Works exactly as I hoped.. Thanks again for the great support.

Cheers

[Joao]

That is great to hear it,

Let us know if we can help with anything else.

Joao

[Author]

Posts