Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

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

Home Forums Support Header Image in RTL doesn't align left. Only right and center.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #374621
    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

    GeneratePress 1.4
    GP Premium 1.4.3
    #374718
    Leo
    Staff
    Customer Support

    Hi there,

    Sorry not quite sure what you mean?

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

    #374723
    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;
        }
    }
    
    #374749
    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.

    #374789
    Tom
    Lead Developer
    Lead Developer

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

    Then add this:

    .rtl.header-aligned-left .site-header {
        text-align: left;
    }
    #374803
    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

    #375089
    Tom
    Lead Developer
    Lead Developer

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

    Let me know 🙂

    #375142
    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.

    #375159
    Tom
    Lead Developer
    Lead Developer

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.