Move menu button in mobile version of Mystile

  • Resolved hollieb90

    (@hollieb90)


    9 years, 8 months ago

    I’ve tried looking every where for some code that might help my problem – I’ve found many similar problems but the code never seems to do the trick.
    I have a long header logo on my website which I like and the menu sits under it. However, when you look at it on a mobile device (iPhone) the grey square that holds the drop down menu covers the last third of my logo.
    Like I said I have tried all sorts to move it!
    I don’t really care where it does – above the logo header or below – just as long as it is not interfering with my logo!!
    Any help would be greatly appreciated (i’m using woo commerce and mystile for reference)

    beautifulidiotclothing.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • janet4now

    (@janet4now)

    9 years, 8 months ago

    #header .nav-toggle {
top: 3em;
}

    You can try that.

    Thread Starter hollieb90

    (@hollieb90)

    9 years, 8 months ago

    thank you but that didn’t change anything

    janet4now

    (@janet4now)

    9 years, 8 months ago

    where did you put it? I’m not seeing it anywhere.

    #header .nav-toggle {
top: 3em !important;
}

    This time put it at the bottom of your custom.css styles. I’ve added the !important to it, but even if it doesn’t work, please let it there.

    Thread Starter hollieb90

    (@hollieb90)

    9 years, 8 months ago

    wonderful!!!
    thank you so much!!

    bsingler

    (@bsingler)

    9 years, 7 months ago

    Hi I am an absolute newbie to both wordpress and code on a very steep learning code. I am looking to resolve the exact same issue as when you visit my site on a mobile device when i have a larger logo the menu button overlaps the logo. Even when i have a smaller logo like the page has now, the menu button is over on the right floating in the middle of nowhere and barely even looks like a menu button. Ideally if it could end up on the left below my logo that would be perfect.

    If you could please advise if i should add the same above code and exactly where to put it.

    Please feel free to explain it like you are teaching a 3 year old as that is my wordpress/code developmental age lol 🙂

    ampedsports.com.au

    nirosh

    (@nirosh)

    9 years, 7 months ago

    hi janet4now and hollieb90,

    I have checked hollieb90’s website and I really liked it. can someone tell me how to change the color of the menu button in mobile version. and the border too. thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move menu button in mobile version of Mystile’ is closed to new replies.