Remove/ Adjust Mobile Menu Toggle

Home Forums All Other Themes Remove/ Adjust Mobile Menu Toggle

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #21193
    Richard BlokRichard Blok
    Member
    • Topics: 11
    • Replies: 32
    • Total: 43
    Member since: October 23, 2015

    Hi everybody,

    My website is almost finished, but I’m still trying to fix the following:

    Right now my Menu on Desktop has 3 subjects. And they are next to each other. But, when I switch to my mobile (or I adjust the size on desktop) then the Menu turns into a dropdown menu. And while the desktop shows a black background with yellow font, the dropdown menu shows white background with yellow font. So that makes it almost impossible to read.

    Now I want this mobile menu GONE, or I want to adjust the background into black.

    Right now I’m using the SKTTheme NatureOne, and I hope someone can help me with this problem.

    My website is: www.salesbc.nl

    Thanks in advance!

    Richard Blok

    P.S. I’m using WordPress.

    #21200
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Richard,

    Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
    Add this css in custom css box

    @media screen and (min-width: 990px) {
    .toggle a{background:#1d1d1d url(“../images/mobile_nav_right.png”) no-repeat scroll right center; color:#ffef0f;}
    .nav ul{background:#1d1d1d;}
    }

    Regards,
    Shri

    #21211
    Richard BlokRichard Blok
    Member
    • Topics: 11
    • Replies: 32
    • Total: 43
    Member since: October 23, 2015

    Hi Shri,

    Thanks for the quick response.

    I can see that the color of the desktop header is changing into black. But the thing is:

    The background opacity right now is on 0.9 so that means it will show a black bar (as you can see on the website right now, i’ll leave the adjustments so you can see them.

    And when I make the screen smaller, you will still see a white background with yellow text for the Menu toggle.

    Any idea?

    Thanks in advance.

    #21217
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi,

    Kindly add this in custom css box

    @media screen and (max-width: 939px) {
    .toggle a{background:#1d1d1d url(“../images/mobile_nav_right.png”) no-repeat scroll right center; color:#ffef0f;}
    .nav ul{background:#1d1d1d;}
    }

    Regards,
    Shri

    #21242
    Richard BlokRichard Blok
    Member
    • Topics: 11
    • Replies: 32
    • Total: 43
    Member since: October 23, 2015

    Woop! Thanks man, it worked!

    Finally, spended hours to fix this by myself.

    I opened another thread for Google Maps in Featured Image, if you can help me with that, then I’m completely done.

    Thanks alot!

    Richard Blok

    #21306
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30643
    • Total: 30643
    Member since: August 16, 2013

    Hi Richard,

    Kindly send us your WordPress admin details via email on [email protected]

    Note: Kindly mention the issue in the email.

    Regards,
    Shri

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