Extend Header Block full width

  • When I view the site on a larger monitor the top menu black box cuts off on the left and right (white space on left and right side), I would like it to display full width with the box reaching all the way to the left and right by using Additional CSS code if possible.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    Huh, a monitor doesn’t even need to be all that large for white space to appear. You’re using Elementor, which I don’t know very well. Be sure there’s not some style setting for this element where you can manage the width through Elementor. Its max width should be 100% or a very large distance instead of 1300px.

    Using an Elementor setting would be preferable to using Additional CSS, but if need be, try this:

    .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Extend Header Block full width’ is closed to new replies.