Responsive design thresholds and header menu

  • Resolved josephass

    (@josephass)


    6 years, 7 months ago

    Hi!

    First of all thanks for a great theme!
    I’m almost done building my site, however I still have one crucial issue: I want the menu icon to appear only on mobile size, not on tablet size. On tablet I want to keep the regular (full width) menu, same as Desktop size.

    In the theme customizer in Header settings, tablet and mobile settings are grouped together in the same tab, and thus not separately editable.

    How can I keep the regular header menu above 768 width? I want the menu icon to only appear below that threshold.

    If I can’t fix this I’ll have to switch to another theme which is something I dread to do.

    Thanks and greetings

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author PressMaximum

    (@pressmaximum)

    Hi @josephass,

    Thank you for your kind words!

    I understand your idea but unfortunately, we don’t have any option to change it so far.

    Temporary, you can add this to Customize => Additional CSS:

    .hide-on-tablet, .customify-grid .hide-on-tablet { display: inherit; }
.cb-row--mobile { display: none; }
@media ( max-width: 768px ) {
.hide-on-tablet, .customify-grid .hide-on-tablet { display: none; }
.cb-row--mobile { display: inherit; }
}

    Let me know!

    Thread Starter josephass

    (@josephass)

    Yes it works!! Diving into the css was something I kept as a last resort, I don’t think I would have been able to find the solutions that fast! Many thanks!!!!!

    Theme Author PressMaximum

    (@pressmaximum)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive design thresholds and header menu’ is closed to new replies.