[Resolved] Element Block after-logo float or align to right side please

[Stephen]

Hi, I’ve inserted an Element Block after-logo and I would like it to align to the right side please but I cant work out how to do it.

Currently its stuck on the left right next to the logo.

Thanks

[Leo]

Hi there,

Not sure if I fully understand.

Are you trying to move the Login link all the way to the right?
https://www.screencast.com/t/9ORqoRxqUm8

If so try using a header widget instead:
https://docs.generatepress.com/article/header-widget/

[Stephen]

Hi, yes thanks I want it to be like the header widget which would be on the right side.

However I need to use an element block with a hook so I can have a one block showing for logged in users and another showing for non logged in users.

Thanks
Stephen

[David]

Hi there,

add this CSS to position the block:

.site-header .site-logo {
    margin-right: auto;
}

Block element Display Rules include Logged in and Logged Out users.
So you can create 2 x elements, one for each of those rules.

[Stephen]

that is perfect thank you.

For logout I’ve used https://www.mysite.com/my-account/customer-logout/

[David]

You’re welcome !

[Author]

Posts