Docs

[Headlines34]

Hello,

I have two questions:

1. Does Woocommerce have a my account logo to line up next to the cart?

2. I’ve been able to add a tagline to my logo, but it only works when the logo is stacked. Can you assist me with the code adjustment need to have it fall inline?

Thanks,
Chuck

[Headlines34]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in!

1. Add a new Custom Link via Appearance > Menus, In URL field, add the account page URL and in the Link Text field add the following HTML:

<i class="x-icon x-icon-user" data-x-icon="" aria-hidden="true"></i>

2. To adjust the tag-line, you can add this code in your Customizer:

.masthead-stacked .x-brand {
    display: inline-block !important;
    float: none !important;
    font-size: 28px !important;
}
.site-tagline {
    display: inline !important;
}

Let us know how this goes!

[Headlines34]

Was able to add the icon, but the code for the tagline did not work.

Thanks

[Headlines34]

jQuery(function($){
    $('<div class="site-tagline">Custom Forms, Designs and Styling for X Users </div>').insertAfter('.x-brand');
});

That is the Java. Does that need to be adjusted since it’s telling it to insert after?

[Paul R]

Hi,

Sorry, I am not entirely sure where you would like your tagline to appear.

Can you provide us a screenshot that indicates where you want it to appear.

For the meantime you can try adding this in your Custom > Edit Global CSS in the customizer.

.x-navbar .site-tagline {
    position: absolute;    
    left: 0;
    bottom: 0;
    font-size: 15px;
    padding: 0 0 3px 40px;
}

You may change the numbers to adjust the position.

Hope that helps

[Headlines34]

Yes, I was able to adjust some of the code and we’re good to go. Thanks!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts