Remove space below the page title/bread crumb section

[gallagherBD]

Hello, can you help with the above?

[ruenel]

Hello @gallagherBD,

Thanks for writing in!

Are you referring to this site?

First, please go to X > Theme Options > Header > Navbar and set the Navbar Top Height to 110 pixels because this the actual height of your navbar and not 90. This will also resolve the cut page title.

Lastly, you can adjust the space below the page title by adding the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-header-landmark {
  padding-bottom: 15px;
}

Best Regards.

[gallagherBD]

Close but no cigar. Check out this page. You will see a space between the page title and bread crumbs and the image below.

https://www.bauerconstructiongroup.build/additions-and-porches-in-voorhees-nj-08043/

I need that space removed.

[ruenel]

Hello @gallagherBD,

Do you want to display like this?

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template-template-layout-full-width .x-container.max.width.offset {
    margin-top: 0px;
    margin-bottom: 0px;
}

Best Regards.

[gallagherBD]

Thanks.

Thank particular CSS was not working but it lead me down a path. Here is what worked in the end:

.site .x-container.max.width.offset {
margin-top:0;
}

Thanks again!

[christian]

Hey @gallagherBD,

We’re glad that you’ve figured out the correct CSS.