Home Forums WoodMart support forum Error – Equal right and left columns

Error – Equal right and left columns

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #509984

    WoodyP
    Participant

    Hello,
    I think I found a problem with the flexible columns of the Header.

    I set “Equal right and left columns” in the Top bar, I left a button in the center and everything else on the left/right sides. The problem is that the information in the right column always remains in the center.

    Watch the video.
    I will also share the accesses with you.
    Thank you

    #509985

    WoodyP
    Participant

    Watch the video

    Attachments:
    You must be logged in to view attached files.
    #510125

    Hello,

    Use the space element after the button in the top bar and check the issue.
    If you have any questions feel free to contact us.

    Best Regards.

    #510152

    WoodyP
    Participant

    Hello,
    space doesn’t solve it, maybe I didn’t explain the problem well.
    The Phone element should be aligned to the right along with the language menu.

    Thank you

    #510213

    Hello,

    The Equal right and left columns layout has always right and left columns equal and they take all the free space in that row. And the middle one will take its content width.
    Here is the documentation:
    https://xtemos.com/docs-topic/header-rows-flex-layouts/

    Best Regards.

    #510419

    WoodyP
    Participant

    Hello,
    Yes, I know the documentation, I had read it before writing. This is why I am writing to you. Because it’s not working that way.
    Did you get into the backend?
    the telephone element (information box) is positioned on the right, yet is displayed in the center. Clear?
    ​Thank you

    • This reply was modified 1 year, 1 month ago by WoodyP.
    Attachments:
    You must be logged in to view attached files.
    #510580

    Hello,

    Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> CSS for Desktop section:

    .wd-header-nav.wd-header-secondary-nav.text-right {
        max-width: max-content;
    }

    Best Regards.

Viewing 7 posts - 1 through 7 (of 7 total)