Mobile menu on Sider import spacing not quite right

[Robert]

Hi there,
I’m having a problem trying to imitate the spacing that is on the Sider menu for my widget elements. They all seem to overlap. I’ve attached screenshots. Thanks!

http://imgsafe.org/image/f3d8f4ec73
http://imgsafe.org/image/f3d8f4ce5b

[David]

Hi there,

can you link me to your site so i can take a look?
You can edit your original topic and use the Site URL field to share it privately.

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

[Robert]

I fixed it, David, in the custom CSS. Thanks, though!

[David]

Glad to hear that

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

[Robert]

Oops! Can I open this up again? I didn’t seem to code it right to account for drop down menus. I would need all widgets below the main menu to respond by moving lower when the user opens the drop down menu. Where can I enter my site again?

Ah, I was able to edit the original topic to give you my temporary site address.

[David]

Try this CSS:

@media (min-width: 769px) {
    .main-navigation ul ul {
        position: unset;
        text-align: center;
    }
}

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

[Robert]

That worked! Now I’m trying a different menu solution that hides less of the content. I’m trying the sticky mobile menu with some transparency, however, how do I add the option to add back the social menu icons and the email newsletter sign up in the drop down menu on mobile? Also, once background images are added, how do I remove? When I go the background images section it still says “Select image” even though I’ve already added an image. Thanks!

[David]

Where would you want the social icons and email form to display – within the mobile menu ?
If so you would need to use the Off Canvas navigation which has its own widget areas you can add them to:

https://docs.generatepress.com/article/off-canvas-panel-overview/

Sometimes the customizer does funny things. Select an image and then remove it.

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

[Robert]

Thanks, the Off Canvas solution works nicely on mobile.

Do you mean click select and image and then delete the image from my media library? I’d rather not have to do that.

Here’s what I see on the Customizer even though I have a background image in the body:
https://pasteboard.co/IzHnFhS.png

[David]

Try selecting an image.
Then the remove image option should appear.

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

[Robert]

Sorry about my lack of familiarity with Customizer, but I’m not sure how to select an image. I’ve clicked on the background image and nothing happens, for example.

[David]

aah – is it the image behind the sidebar ?
If so thats in Customizer > Backgrounds > Header

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

[Robert]

It’s the image used in Body. I can go to Customizer > Backgrounds > Body but there is no image in the sidebar to select to delete. And I’m not sure how to select the image otherwise. The screenshot is still here: https://pasteboard.co/IzHnFhS.png

[Tom]

Does the “Select image” button not do anything when you click it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Robert]

Hi Tom,
Yes, the Select image opens the screen to select an image. But it still does not allow me to remove an image I’ve already selected for a background.
Here’s a screenshot of what I see when I click Select Image:
https://unsee.cc/aa9626ab/

[Author]

Posts