Reducing Jumbotron Space

Illdy
1

Hello,

My domain is nextdoorhomesavings.com

I am attempting to reduce the space between the Jumbotron section and the top level navigation. I’d like the section that says ‘Request a Free Assessment’ to be above the fold if possible.

This may be a related inquiry; on mobile the hamburger menu appears even though there are no pages within the navigation. Is there a way to remove the navigation without removing the Logo? I’ve included the code below and it works to bring the Jumbrotron section above the fold, but the logo is not included.


/*Remove header*/
.top-header {
    display: none;
}

This may be related - I am using the code below in the functions.php section to allow me to upload a larger logo size.

function logo_size_change(){
	remove_theme_support( 'custom-logo' );
	add_theme_support( 'custom-logo', array(
	 'height' => 200,
	 'width' => 400,
	 'flex-height' => false,
	 'flex-width' => false,
	) );
}

add_action( 'after_setup_theme', 'logo_size_change', 11 );

I’m unsure if it’s possible to remove the mobile logo and address the spacing, but would appreciate any help in the matter.

2

Hello there,

I am not sure that I under stand correctly.

  1. The logo is being displayed but there is no menu. Is that what you wanted?
  2. What do you mean when you refer to the fold?

Best Regards,
Support

3

Hello, thank you for responding.

I am asking if there is a way to reduce the space between the logo and the the the section of Jumbo tron text. I apologize for the misunderstanding by above the fold - I want to bring the next of the Homepage section
“Request a Free Assessment
Government rebates, tax credits and programs are constantly changing. Our experts will analyze your home and your utility bills to determine how much of a discount your home is eligible to receive!”

What can I do to bring the next closer to the top level navigation?

Thank you!

Dylan

4

Hello there,

Thanks for clarifying.

This would require some custom CSS to change the position of the elements.
Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

5

Hello there,

Thanks for clarifying.

This would require some custom CSS to change the position of the elements.
Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

6

Thank you, My domain is nextdoorhomesavings.com

7

Hello there,

Thanks for the link.

You can use the following CSS code to move the elements up by going to Appearance > Customize > Additional CSS and pasting it there.


/*Move elements up*/
#header .bottom-header {
    padding-top: 100px;
    padding-bottom: 100px;
}

Please update me on the results.

Best Regards,
Support