How to change width of Header elements

Hello,

We use HTML blocks in the desktop top bar header for both our currency selector and language selector.
However, they are too wide for what is needed.
Can you advise how we can change their width so they are more neat as they are currently oversized?

Regards

LP

Hello,

Navigate to WoodMart > Header Builder > Edit Current Header > Configure Header settings and enable the option full width Header.

Best Regards.

Hi,
Full width header is already enabled.

For example we would like to make the parts highlighted in yellow less wide on desktop view. Is this possible?

See attached image.

Attachments:

You must be logged in to view attached files.

Hello,

Try to edit the HTML Block with the page builder and configure the element’s width in the page builder (WP Bakery or Elementor.

Best Regards.

Apologies I think some wires got crossed here.

We style our top bar using the header builder using Text/HTML elements for the language and currency selecters (Shortcode)

See image attached.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the WP admin login details of your site so I will check and give you the possible solution.

Best Regards.

Sure. See the private area

Regards and lee me know if you need anything further

LP

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.gt_selector, .notranslate {
   padding: 5px;
    width: 80px;
}

Best Regards.

Thank you. That works great for the language translator. Is there a way to make the currency selector html/text element less wide?

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.currencyheader {
  width: 50px !important;;
}

Best Regards.

[Author]

Posts