Change style on menu on mobile (not footer nav)

[filippo97]

How can I change the style of menu on mobile (the one that opens once the hamburger menu is clicked?

I want to change color, font size, the way it open…

(please see image: https://ibb.co/TW5YXGG )

[Billy Nguyen]

Hi there,

We use js and css to customize this mobile menu, you can custom CSS with this menu:
Copy this CSS code and paste to file style.css ( child-theme)

//Background menu:

.shopic-mobile-nav{
    background-color: #your-color !important;
}

//Color and font-size:

.mobile-navigation ul li a{
    color: #your-color !important;
    font-size: your-size;
}

//Color activate

ul.menu li.current-menu-item>a, ul.menu li.current-menu-ancestor>a, ul.menu li.current-menu-parent>a{
color: #your-color !important;
}

[filippo97]

Hi, thx for help! I have tried but nothing happened.

See image pls (https://ibb.co/7XRm12q)

[Billy Nguyen]

Hi,

Your code has a lot of mistakes, it seems that you are not a programmer: https://ibb.co/DfdqYdB

I have just fixed this issue, please recheck.

[filippo97]

Yes, im not a programmer ;).

Thx!! How can i change to way it open? As is it now is open from left to right, i want that open from right to left.

[filippo97]

Also font position! 🙂

[Billy Nguyen]

Hi again,

I have just fixed this issue, please recheck.

[filippo97]

Thx!! Perfect

[Billy Nguyen]

Happy to help!

[Author]

Posts