Home Forums WoodMart support forum Header element problem

Header element problem

Viewing 6 posts - 1 through 6 (of 6 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

    #722854

    liverangan
    Participant

    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.

    I didn’t find the option. Can you please give me a details screenshot?

    #722860

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please see this screenshot for better understanding: https://postimg.cc/jnjwqBQ4

    Best Regards

    #722862

    liverangan
    Participant

    This menu icon doesn’t work or response.

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

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    This icon is the Sticky Navigation button.

    To make it functional, please navigate to Theme Settings > General > Sticky Navigation and select a menu for the Sticky Navigation Menu option.

    Once a menu is assigned, clicking this icon will open the sticky navigation panel in the left sidebar.
    For more details, follow this guide: https://xtemos.com/docs-topic/sticky-navigation/

    Best Regards

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