Pytheas theme Mobile Menu Icon

  • I want to change the icon to open the menu on mobile devices. I changed the following code in the style.css file.

    Original

    /* position arrows */
.nav-menu .fa-arrow-down { position: absolute; right: 7px; top: 50%; font-size: 12px; margin-top: -6px; }
.nav-menu .fa-arrow-up { position: absolute; right: 20px; top: 50%; font-size: 12px; margin-top: -6px; }

    New

    /* position arrows */
.nav-menu .fa-bars { position: absolute; right: 7px; top: 50%; font-size: 12px; margin-top: -6px; }
.nav-menu .fa-bars { position: absolute; right: 20px; top: 50%; font-size: 12px; margin-top: -6px; }

    But there is no change visible on the site.

    Thanks in advance for helping me solve this.

    Friendly Regard,
    Jelmer

Viewing 1 replies (of 1 total)

  • HE jelmer, you also need to change header.php

    Find this code:

    <i class=”toggle-icon fa fa-arrow-down”

    There you can change fa-bar also!!

Viewing 1 replies (of 1 total)
  • The topic ‘Pytheas theme Mobile Menu Icon’ is closed to new replies.

Tags