Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 hamburger menu on all devices


Question

Posted (edited)

hey everyone,

I'm trying to keep the hamburger menu on desktop.

I've managed to do it, but can't seem to get my logo in the center.

can anyone help?

here's what I've done so far:

@media screen and (max-width: 5000px) {
  /* Display burger icon at all widths*/ 
  .header .header-burger {
    display: flex;
  }
  /* Make burger menu visible at all widths */  
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
  /* Hide primary navigation menu */ 
  .header .header-title-nav-wrapper .header-nav {
    display: none;
  }
  /* burger position */
.header-display-desktop {
    flex-direction: row-reverse;
}
}

https://janetesilveira.squarespace.com/

ps: 1234

Edited by casafloralia
Link to comment
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Hi. The logo looks center here. Did you solve the problem?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...