Home Forums WoodMart support forum Header element problem

Header element problem

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #722819

    liverangan
    Participant

    I want the search bar to be flexible, so that it can control itself to 100% of its full width. So, even if an element on the right side takes up more space, the search bar will expand itself to 100% of its full width within the remaining space.

    More described in the picture.

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

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    The problem occurs because your current header row is likely set to “Equal right and left columns”. When the cart value increases on the right side, WoodMart forces the left column to expand to an equal width to keep the center column perfectly centered. This expansion squeezes the middle column and forces your left-aligned button to break into two lines.

    Navigate to WoodMart > Header builder > Configure main header row and in the row switch layout Switch it from Equal right and left columns to Flexible middle column.

    Follow this guide on how it works: https://xtemos.com/docs-topic/header-rows-flex-layouts/

    You need to edit your My Account element in the right column and change its design display setting from Icon only. This keeps the column very small.

    Or give the Search Bar a Fixed Width: Edit your Search element in the middle column and set a custom width restriction so it refuses to be squished.

    If you have any questions, feel free to contact us.

    Best Regards

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