Condensing the height of extra space on front page
-
AuthorPosts
-
We want to use logo with a large height on the top of the front page, but it makes the text below the featured items start below the first screen. I have hidden the blog navigation tabs above the hero slider and the featued topics with CSS, thanks to the help forum. Is there any way to condense any of the space on the front page-around the logo, above the hero slider or above the fetured items so the featured items text below the pictures will start higher on the page? I am using a grid format.
The blog I need help with is: harvesttestblog.wordpress.com
There is likely some top padding and margins that can be removed to help with this, however, it likely won’t make a big difference. Because there are so many different screen resolutions and monitor sizes, the content display will vary depending on the size of the users monitor or device screen.
I’d recommend limiting the height of the logo image to a size that works well, especially considering it will be displayed on each page. Having the user scroll too far down the page on each page load probably isn’t ideal in most cases.
Thanks for the suggestion. Is there a way to hide the icons to toggle between grid and single image layout in the space above the featured images?
What is the CSS to eliminate the space above and below the Logo to make the look blocks without spaces–Thanks!
If you can add a new topic for the icon customization question, I can help you from there. This will allow us to keep on topic for this ticket.
The following CSS will remove the top and bottom padding of the logo image:
.site-info { padding: 0; }
Thanks that worked great for all the space between the top nav and the logo image. There is still a space below–between the logo and the main-container (outline). I tried using the code below to eliminate any padding around the main container. All it did was hide the top and bottom line of the main container, but still left the space between bottom of the logo image and the main container.
#main-container {
padding: 0;
}This may be a separate topic, but at this point I don’t know what I am asking to change to eliminate the remaining space.—Thanks!
Is it possible to make your site public? It’s a bit tough to troubleshoot without seeing what has been done.
I have made the site public. Based on some other questions you answered I have decided to leave the space for now. Thanks!
-
AuthorPosts
The topic ‘Condensing the height of extra space on front page’ is closed to new replies.