[Support request] Header Image in RTL doesn't align left. Only right and center.

[Nir]

I set the primary nav menu – align right.
I see the image of the header aligns left to the primary nav.
Now I choose in Header Image –
Align left – and it aligns right (It should be aligned left)
Align center and it aligns center.
Align right and it aligns right.

http://www.iblocks.co.il

Can you help?

Nir Petrank

[Leo]

Hi there,

Sorry not quite sure what you mean?

Right now looks like you are using navigation float right and header alignment left?

[arabsworks]

Here is the code I use:

.site-logo img {
    width: 100px;
    height: 100px;
}

@media (min-width:769px) {
    .site-branding {
        display: inline-block;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
    }
}

[Nir]

Yes – Navigation float right.
And header image (LOGO) align center because if I align it left it aligns right.
This is a bug.

I tried your code and it didn’t help.

Take a look at the website and see that the Logo – iBlock – is in the center between the navigation and the left side of the page. I want it to be aligned to the left page end.

[Tom]

Have you tried setting the header alignment option to “Left”?

Then add this:

.rtl.header-aligned-left .site-header {
    text-align: left;
}

[Nir]

I set the primary nav menu – align right.
I see the image of the header aligns left to the primary nav.
Now I choose in Header Image –
Align left – and it aligns right (It should be aligned left)
Align center and it aligns center.
Align right and it aligns right.

Your code doesn’t align the image header left.

Please look at my website –
http://www.iblocks.co.il
I aligned the image header left.
Please see where it is now.

Nir Petrank

[Tom]

How did you add the CSS I provided above? I’m not seeing it on your site.

Let me know 🙂

[Nir]

I added it to Appearance/Customize/”Customize CSS”.
I saw that it doesn’t work and then I delete it.

I added it again, now.
And it is working.
I also can align the image header to left, right and center with the Appearance/Customize.
Very good.

Without the CSS patch, I can’t align image header left.
It seems to me as a bug in the theme.
Maybe just in the RTL version.

[Tom]

Looks like a theme issue – I’ll get it fixed. Thank you! 🙂

[Author]

Posts