Archived topic

Mobile Logo and Opening Menu Slideout

25 replies · Started by Leonardo on January 24, 2019

Viewing posts 1–15 of 26

January 24, 2019 at 1:55 am #790734

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!!! :)

January 24, 2019 at 4:59 am #790845

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.

January 24, 2019 at 5:31 am #790872

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! :)

January 24, 2019 at 5:45 am #790880

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

https://gpsites.co/split/

Let me know.

January 24, 2019 at 6:02 am #790901

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

Thank you a lot!

Leonardo

January 24, 2019 at 6:19 am #790908

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

January 31, 2019 at 12:41 pm #798049

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...

January 31, 2019 at 3:26 pm #798155

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

January 31, 2019 at 11:47 pm #798351

Thank you David, it works perfectly!

February 1, 2019 at 1:16 am #798398

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?

February 1, 2019 at 4:48 am #798546

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/

February 1, 2019 at 7:25 am #798755

Perfect, thanks!

February 1, 2019 at 7:51 am #798780

You're welcome

February 7, 2019 at 2:17 am #803750

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!

February 7, 2019 at 5:55 am #803893

Hi there,

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

This archived topic is closed to new replies.

Start building better websites today.