Home / Forums / WoodMart support forum / Header element problem
Home › Forums › WoodMart support forum › Header element problem
Header element problem
- This topic has 5 replies, 2 voices, and was last updated 2 weeks, 5 days ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
July 1, 2026 at 1:28 pm #722819
liveranganParticipantI 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.July 1, 2026 at 3:08 pm #722830Hello,
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
July 2, 2026 at 8:15 am #722854
liveranganParticipantNavigate 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?
July 2, 2026 at 9:27 am #722860Hello,
Please see this screenshot for better understanding: https://postimg.cc/jnjwqBQ4
Best Regards
July 2, 2026 at 10:07 am #722862
liveranganParticipantThis menu icon doesn’t work or response.
Attachments:
You must be logged in to view attached files.July 2, 2026 at 12:25 pm #722866Hello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register