Disco Dancer – Hamburger Menu Icon

Home Forums All Other Themes Disco Dancer – Hamburger Menu Icon

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #87941
    Stephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    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

    #87951
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23406
    • Total: 23406
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #87961
    Stephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    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

    #87966
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23406
    • Total: 23406
    Member since: August 16, 2013

    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

    #87969
    Stephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    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

    #87976
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23406
    • Total: 23406
    Member since: August 16, 2013

    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

    #88138
    Stephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    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

    #88144
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23406
    • Total: 23406
    Member since: August 16, 2013

    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

    #88189
    Stephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    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

    #88237
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23406
    • Total: 23406
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.