Location Move : Login button in Widget Top Bar

[chhavinarang]

Hi,
I have enabled Widget Top bar. I added the below code but the login show on left edge and there are social icons on right

<a href="/wp-login.php" class="wp-login-url"><i class="x-icon-key" data-x-icon=""></i> Log In </a>

1. Can you please guide how to move Login link, right of the social icons
2. Change Login status to Logout when a user is logged in

[nabeel]

Hi @chhavinarang,

Thank you for reaching out to us.

1. This isn’t a default feature but this could be possible by using custom CSS that requires custom development. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. To achieve your desired results, you can add the following code in the Theme Options > CSS:

.x-topbar-inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

2. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!