Help needed moving hamburger please :-)

Site URL: http://www.magicalsantaletters.ie

I was hoping someone could help, please.

I would like to have the option to move my hamburger to the centre of the page so that it appears below my logo.

Is this possible with custom css?

My website is http://www.magicalsantaletters.ie and my password is 1

Thank you kindly!

- Aoife

8 minutes ago, Aoifebr1 said:

Site URL: http://www.magicalsantaletters.ie

 

I was hoping someone could help, please.

I would like to have the option to move my hamburger to the centre of the page so that it appears below my logo.

Is this possible with custom css?

My website is http://www.magicalsantaletters.ie and my password is 1

Thank you kindly!

- Aoife

 

.header-display-mobile,
.header-burger {
  display: block !important;
  margin: 0 auto !important;
}
.header-mobile-logo {
  text-align: center;
}

That's brilliant, thank you 🙂

3 minutes ago, Aoifebr1 said:

That's brilliant, thank you 🙂

that a mistake, try this

.header-display-mobile .header-display-mobile,
.header-display-mobile .header-burger {
  display: block !important;
  margin: 0 auto !important;
}
.header-display-mobile .header-mobile-logo {
  text-align: center;
}

Can you just check this for me, please. The mobile header is now showing on the desktop?

Thanks 🙂

Sorry, I just seen your last message. That has solved the mobile appearing on the desktop but the hamburger is back aligned to the right.

39 minutes ago, Aoifebr1 said:

Sorry, I just seen your last message. That has solved the mobile appearing on the desktop but the hamburger is back aligned to the right.

 

@media only screen and (max-width: 786px) {
   .header-display-mobile {
      display: block !important;
    }
}

.header-display-mobile .header-display-mobile,
.header-display-mobile .header-burger {
  display: block !important;
  margin: 0 auto !important;
}
.header-display-mobile .header-mobile-logo {
  text-align: center;
}

Great thank you 🙂