[Resolved] Setup Issues

[Patrick]

Hi,

I’m working on migrating a site to Generate Press and have a few questions/issues:

1.) What size image do you recommend we upload for hero images? (I’m following these instructions: https://docs.generatepress.com/article/how-to-create-a-page-hero/) I’m asking because there seems to be a lot of pixelation with the images I’ve got.

2.) How can I align the navigation menu top to bottom without it forcing extra padding on the header bar. When I use the menu item height slider to move the navigation menu down (trying to align it with a logo) it forces bottom padding.

3.) How do I adjust the content width on a blog post (no sidebars) without changing the overall site container width?

4.) How can I have the … on a blog excerpt (category archive page) without having any sort of Read More text after it. When I remove all text from the read more label box, the … disappears. I tried putting in … for the label but the I end up with … …

Thanks for any help you can provide,

Pat

[Leo]

Hi there,

1. This depends on if you are using Contained or Full Width option. If you are using contained, then the width of the image should be just a little bit bigger than the container width. If you are using full width, then something around 2000px should work.

2. Any chance you can link me to the site in question so I can provide the best solution possible?

3. This should help:
https://docs.generatepress.com/article/layout-element-overview/#content-1

4. Try adding a space in the read more text label.

Let me know 🙂

[Patrick]

Thanks for the quick and clear answers! Issue 1, 3, and 4 are all good now.

In regards to number 2, I’m working on a local staging copy to work out the issues before pushing it live.

[Leo]

Can we revisit the issue once I have something live to look at?

Thanks 🙂

[Patrick]

We can, though it might be a bit. None of the featured images on my site were uploaded at 2000px to let me make hero images so I get to spend some time going back through a few hundred blog posts uploading images before I’d be ready to push to live.

[Leo]

Just comment here again when we have something to look at.

Shouldn’t take long to fix after that 🙂

[Patrick]

Ok, the site is live for you to take a look at. Basically the logo is unbalanced so when I move the navigation menu down to align with the logo, it forces bottom padding for the whole nav bar.

[Leo]

Sorry are you trying to center align both the logo and the menu?

If so what if you try this option?
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know 🙂

[Patrick]

No, I’m trying to remove the excess bottom padding from the header. It’s set at 0 in the customizer but when I moved the navigation menu down it forced padding.

[Leo]

That is actually coming from the menu item height option:
https://docs.generatepress.com/article/menu-item-height-width/
https://www.screencast.com/t/LnOfxvnDCi

Can you try reducing that first so the bottom of header is what you’d like to be and I can provide some CSS for final tweaks if needed?

Let me know 🙂

[Patrick]

Ok I’ve made those changes.

[Leo]

Ok now try this CSS:

@media (min-width: 769px) {
    #site-navigation {
        margin-top: 20px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Patrick]

That works. Thanks!

[Leo]

No problem 🙂

[Author]

Posts