Tablet: How to make the menu be like the mobile version and/or burger menu

Posted in: Newspaper
Post count: 162

The issue has to do with this demo site:
https://demo.tagdiv.com/newspaper_interior_designer_pro/

Here is a description of the issue
https://www.loom.com/share/cbd2c3d2665244f3a06f82ad60cc3eae

Post count: 27744

Hi,

The size of the logo causes the problem. What I can recommend is to redesign the header.

Thank you!

Post count: 162

Anamaria this cannot happen because the description is this.

What we like to do is to make the mobile menu (that appears underneath) to also appear in a similar manner for displays up to 1000 pixel wide.

It will be most helpful if you tell me where do I set the breakpoint for this to happen.

Post count: 27744

Hi,

You can add a new row there under the logo and button to set the menu https://we.tl/t-X2GKzDMiID

Thank you!

Post count: 162

I am not quite getting it.

Can I hide the existing menu column for the two types of tablet and have visible for the two type the bottom row (and then hide the bottom row in the desktop and mobile versions)?

It will be much better, easier to just modify the break point of the mobile menu, so say, that if the width of the screen is less than 1000 pixels then the mobile menu will be activated. Where can I change this breakpoint?

Post count: 27744

Hi,

Yes, you can hide the column and row. To edit the breakpoint, it is harder to change it.

Thank you!

Post count: 162

Thank you,

I will try it. I was under the impression that only rows can be visibile/hidden per device type.

However, it is good to write also here in this thread on how we can modify the breakpoint of the mobile menu. It will be great to have this alternative too!

Post count: 35449

Hello dimitrisv,
The Newspaper breakpoint for responsive version can be seen in the theme panel > custom code> advance css – https://i.imgur.com/KGuUTjC.png

What I suggest to do is to use the hide option from each element and add the mobile menu on table and hide it on desktop (an on table hide the desktop menu, but first enabled this option – https://i.imgur.com/FMcmWzP.png save and refresh the page to see hidden element) – https://i.imgur.com/jz3saGD.jpghttps://i.imgur.com/a4QFt1h.png
I hope this will help you!
Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.