Strecth image header and main menu bar borders

  • Hi there, I’m needing some help on how to modify the principal image located in the header and also I would like to do some changes to the main menu borders.

    I want the main menu (nav bar) upper and bottom borders to be full width and also I would love to get the main image on the header of my webpage to stretch to full width as well. I have not found a way to modify the settings on those two sections.

    I’m very happy with how my webpage is looking but this is something I was thinking of since day 1.

    I apologize for my English and I thank you all in advanced.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, .

    Thank you for contacting us and for using our theme, we appreciate it.

    You could add this to Appearance -> Customize -> Additional CSS:

    @media (min-width: 1300px) {
	.main-wrapper .container { width: 1349px; }
}

    But that would leave you with some Elementor elements in the bottom that you’d need to reposition a bit. ??
    You might end up having issues on some other places where you use Elementor, so check that out too.

    I hope this helps.

    Kind regards.

    Thread Starter andrespaez1

    (@andrespaez1)

    Thank you very much for your reply, I greatly appreciate it. I applied that and it partially worked.

    I mean, It just settled the width of the main image on my webpage to 1349px but it is not actually stretching to full width. If I visit the website on a larger screen it does not cover the entire screen.

    I would like the main image to look like a banner, going side to side of the screen on all screen sizes.

    Thanks in advanced.

    Hi @andrespaez1,

    In that case, you can just change the 1349px to 100%.

    You’ll also need to set the banner image to 100% width:
    .frontpage-banner > img { width: 100%; }

    Then you might also want to dig in and remove the padding around the edges that Bootstrap is adding, if you really need it to be edge to edge.

    Best of luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Strecth image header and main menu bar borders’ is closed to new replies.