[Resolved] Mobile Logo and Opening Menu Slideout

[Leonardo]

Hello,
I’have two problem with the web site indicated.

http://www.scritturaprofessionale.com/monaldesca/

1) I’ve added a mobile logo, with the “hamburger menu” on the left, but it invades the section below: how can I put this logo in the apposite space (aligned with the hamburger)?

2) for the mobile versione, I use a slideout menu but the client want thet this menu open from
from above to below (like a normale menu) and not from left to right like now. It’s possible?

Thank you a lot!!! 🙂

[David]

Hi there,

the problem is due to the CSS you have added to center the logo on desktop is also being applied to the mobile header logo. But before fixing this its worth you relooking at that, if you resize your browser on desktop you will see the logo clashes with the menu.

[Leonardo]

Ok. How can I done? My customer would like to keep the same menu and central logo for the desktop … maybe by media query? and… what is the exact line of code where to make the changes

Sorry for my bad English and for your support! 🙂

[David]

There is this Site in the GP Site Library that you could use a base:

https://gpsites.co/split/

Let me know.

[Leonardo]

Ok perfect, then its worth you relooking at that with this type of site.

Thank you a lot!

Leonardo

[David]

yes, if you want to set that site up we can relook at it and advise on any changes.

[Leonardo]

Hy Guy,

I’m here with the new version on my site, following the advice of David: “the problem is due to the CSS you have added to center the logo on desktop is also being applied to the mobile header logo. But before fixing this its worth you relooking at that, if you resize your browser on desktop you will see the logo clashes with the menu.”

So, this is my news URL:

http://www.demowordpress.it/monaldesca/

I import the “split version” from the Generate Press library. Then, the logo is in the center but the menu no 🙁 Why???

Thanks for the support…

[David]

Hi there,

the menu needs to be set to floated right in Customizer > Layout > Primary Navigation.
In your menu you need to add a Custom Link menu item.
Do not add a URL just a label e.g Menu Item Separator.
And give it a CSS Class of: menu-item-separator
This menu item should sit in the middle of your menu – its what creates the space to keep the logo in the center

[Leonardo]

Thank you David, it works perfectly!

[Leonardo]

Yust another question: why can not I see the “Page Header” voice, in the menù on the left, for creating a page header for my home page?

[David]

Hi there,

Page Headers were moved into the Appearance Menu a while ago. Since they have been replaced with the Elements Module -> Header Element:

https://docs.generatepress.com/article/elements-overview/

[Leonardo]

Perfect, thanks!

[David]

You’re welcome

[Leonardo]

Good morning from Italy!

About the site http://www.demowordpress.it/monaldesca, I’ve just 2-3 questions, For mobile version, I chose the slideout version (with voice of primary menu and selector language of WPML), but my customer would like:

1) Put the hamburge menu on the right (now is on the left)

1) Aling in the center the menu items (now they are on the left)

2) Open the space of the menu on the entire screen

Can I send a image (by email) a image with the mobile menu that my customer would like?

Thanks a lot!

[David]

Hi there,

can you provide a link to the image? Add it to your sites media attachments and add the link to this topic 🙂

[Author]

Posts