Disco Dancer – Hamburger Menu Icon

[Stephen Dancey]

Hi – is there a way to make the 3-bar menu icon on mobile devices (hamburger icon) display permanently on the screen? I’d like it to always be visible at the top right of the screen.

Thanks, Stephen

[Sonal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Stephen Dancey]

http://danceystudios.com/

I’m using Disco Dancer theme.

I think the best way to describe what I want to do is an overlay. So the three-bar menu on mobile devices stays on the screen even while scrolling.

thanks

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px){
#simple-menu { position: fixed; background: #000; padding: 5px 10px;}
}

Regards,
Chris

[Stephen Dancey]

Thanks, that’s perfect – exactly what I wanted.

Is there a way to change the colour of the three bars to a light grey?

thanks

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px){
#simple-menu .fa-bars { color: #ccc !important;}
}

Regards,
Chris

[Stephen Dancey]

Thanks Chris

After adding that last string (see above) it created a large menu icon on screen and now I can’t get rid of it. I’ve removed all the code from Custom CSS and it still displays.

See screen shot from my phone: http://danceystudios.com/images/menu.png

I tried adding the first string of code again, but that didn’t help either.

And I’ve done obvious things like refresh/reload browser etc

Any ideas how to fix it? I’d be happy to have the first version back again (see above)

thanks

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px){
.logo img { max-width:60% !important;}
#simple-menu { font-size:34px !important;}
}

Regards,
Chris

[Stephen Dancey]

Thanks Chris, that’s working pretty good.

How can I adjust padding of text in a front page section.

For example if I have a front page section that is a page of text and I want to indent the left and right sides more.

Thanks in advance

[Sonal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Chris

[Author]

Posts