Home Page

Hey @biz360tours, @ricotheque from LyraThemes here.

You can remove the space between the navigation bar and the main content section by adding this to Appearance > Customize > Additional CSS in your Dashboard:

#welcome {
	padding-top: 0;
}

The blue line you’ve referred is a banner image you’ve assigned. Remove it, and the line should be gone.

Hope this helps!

Hey @ricotheque

The above code worked to remove the space between the nav bar and main content. However, when I go to remove the header image it automatically puts in a suggested image. How can I get it to not pick a suggested header image and display nothing?

Thanks for your help.

Could you share a screenshot of your Appearance > Customize > Header Image in your Dashboard?

If I’m not mistaken, you can hide the image through that part of the Customizer by clicking on the Hide Image button.

@ricotheque,

Here is a link the the screen shots. https://drive.google.com/file/d/0B4t7LntICOfQanV3SnJjVlJRTFU/view?usp=sharing

It should be as easy as hitting “Hide Image” for the header and clicking save and publish, however when I click hide image, it selects the suggested image.

Thank you

Hey @biz360tours, have you tried turning off the demo mode through Appearance > Customize > General Setup?

@ricotheque

Yes the demo mode is turned off. Never had that turned on.

Thank you

For the space above the banner, try this:

.frontpage-banner.frontpage-banner-parallax-bg{padding:0}

The Hide Header Image button is not functioning as intended right now and I have made a note of this – this will be fixed in the next update. But I see you’re using Slider Revolution for your header image? You can use some custom CSS to hide it just on the home page.

@lyrathemes,

The header image is a blue line as shown in the screen shot here – https://drive.google.com/file/d/0B4t7LntICOfQMTljYm9FV1AwcDQ/view

Just below the header, in the main content area I have the revolution slider.

I already removed the page title section which was the white line in the above screen shot.

Why would the hide header image function intentionally be turned off? What is the custom CSS to hide the header image?

Please try this to remove the blue line:

.frontpage-banner.frontpage-banner-parallax-bg{padding:0}

@lyrathemes,

When I add the code you provided it moves the main section up above the header on mobile devices.

You’ll need to use media queries to adjust it for mobile screens: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

@lyrathemes,

I shouldn’t have to use a media queries, as I should be able to click on “Hide Header Image” and that should remove the image. I should not have to add in custom CSS coding.

As I said…

The Hide Header Image button is not functioning as intended right now and I have made a note of this – this will be fixed in the next update.

FYI – we tested this again and this is working as expected. Please make sure that the if the Hide Header image button is clicked, then you also remove the front page banner from the Front Page Banner section.