bottom header width

Hi,
how can I style my bottom header (the light blue row here https://adpwebdesigntest.it/formacultura/) as in the picture attached? It must be fullwitdh and I want to add some space on the sides.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

I have checked your site and the header bottom is already in full width.

See Screenshot for clarification: https://postimg.cc/BtYd7tBj

Best Regards

Hi,
actually mine bottom menu has blank spaces on both sides. See attachment for clarification. How can I make it extend on both sides?
below you have tempo login as admin if needed
thank you

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to WoodMart > Header builder > Edit current header > Edit main menu item and increase the space between elements.https://postimg.cc/G86k4vnc

Best Regards

Hi,
If I set space between elements to BIG, they are still not stretched to fullwidth.
If I set to 200pixel they look OK on big screens, but not on smaller screens. Using Pixel is too fixed a value. I would need something that is flexible according to screen size. Is that achievable?

thank you

Attachments:

You must be logged in to view attached files.

Hi
I already tried by adjusting logo width but it’s not working. I still see the padding on top and bottom.
Never mind, thank you

Hello,

There are only 6 menu items, they naturally sit on the center of the container instead of stretching out to fill up the whole width of the light blue row.

Since you want the elements to automatically stretch and divide the empty space evenly across different screen sizes without using fixed pixel gaps.

Please add this to Theme Settings > Custom CSS > Global Custom CSS:

/* Force the header bottom menu container and list to stretch across the full width */
.whb-header-bottom .wd-header-nav,
.whb-header-bottom .wd-nav-header {
    width: 100% !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important; /* Spreads items evenly from edge to edge */
}

/* Ensure individual menu items grow flexibly */
.whb-header-bottom .wd-nav-header > li {
    flex: 1 1 auto !important;
    text-align: center !important;
}

Best Regards

thanks, it’s almost perfect. Is there a way to center it?
I saw in the css text-align: center !important; but as you can see from screenshot it looks left-aligned.

thank you

Attachments:

You must be logged in to view attached files.

Sorry, I also noticed that the sentence in the top bar “Spedizione gratuita per ordini sopra le 69 €!” is also left-aligned, whereas before it was (and it should still be) centered.

Thank you

Attachments:

You must be logged in to view attached files.

discard the last comment:
Sorry, I also noticed that the sentence in the top bar “Spedizione gratuita per ordini sopra le 69 €!” is also left-aligned, whereas before it was (and it should still be) centered.

Hello,

01. Please remove the previous code and add this to Theme Settings > Custom CSS > Global Custom CSS:

.whb-header-bottom .wd-header-nav,
.whb-header-bottom .wd-nav-header {
    width: 100% !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important; /* Spreads items evenly from edge to edge */
}

/* Ensure individual menu items grow flexibly and center content */
.whb-header-bottom .wd-nav-header > li {
    flex: 1 1 auto !important;
    text-align: center !important;
}

/* Center the link text inside the stretched menu items */
.whb-header-bottom .wd-nav-header > li > a {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

02. Your issue has been resolved. Navigate to Theme Settings > General > Header banner and in the banner content area make it center.

Best Regards

thanks

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts