Mobile/Tabled sidebar extend arrows gone/not returning

  • Hello,

    The arrows which you can see with extending the sidebar in a mobile browser are not showing. I fixed it though by changing the Font Awesome icon class. But now they aren’t turning backwards if the menu is extended:

    https://puu.sh/60hRd.png

    What could cause the problem? I am using a separate Bootstrap plugin btw, thats for putting icons in posts. Disabling didn’t helped.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter Matthijs

    (@matthijs110)

    Is there a code btw that I could add to fix it?

    If you change the font awesome icon class, it will be stuck with that icon, as the icon-switch is handled via the CSS.

    .col-2cl .s1 .icon-sidebar-toggle:before,
.col-3cl .s1 .icon-sidebar-toggle:before,
.col-3cm .s2 .icon-sidebar-toggle:before,
.col-3cl .s2 .icon-sidebar-toggle:before { content: "\f100"; }
.col-2cr .s1 .icon-sidebar-toggle:before,
.col-3cm .s1 .icon-sidebar-toggle:before,
.col-3cr .s1 .icon-sidebar-toggle:before,
.col-3cr .s2 .icon-sidebar-toggle:before { content: "\f101"; }

    It’s done like that with FontAwesome names, like f101.

    Expand-switch of sidebar s2:

    /* s2 toggle icon */
.col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
.col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f101"; }
.col-3cr.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f100"; }

    Thread Starter Matthijs

    (@matthijs110)

    So where do I put that?

    Well, it should work by default. This CSS above is just an example of how it works.

    Are you using CDN for the FontAwesome files by any chance? That may break it without the right setup.

    Example of what it should be like.

    Thread Starter Matthijs

    (@matthijs110)

    I am using the plugin Font Awesome Icons and WordPress Visual Icon Fonts.

    Try removing this line in functions.php:

    wp_enqueue_style( 'font-awesome', get_template_directory_uri().'/fonts/font-awesome.min.css' );

    Not sure if FA loading twice may cause problems.

    Thread Starter Matthijs

    (@matthijs110)

    That didn’t worked.

    Results:
    https://puu.sh/618nB.png
    https://puu.sh/618nP.png

    Thread Starter Matthijs

    (@matthijs110)

    It still doesn’t work..

    Sorry for the late replay

    Thread Starter Matthijs

    (@matthijs110)

    bump..

    Thread Starter Matthijs

    (@matthijs110)

    Try removing this line in functions.php:
    wp_enqueue_style( ‘font-awesome’, get_template_directory_uri().’/fonts/font-awesome.min.css’ );
    Not sure if FA loading twice may cause problems.

    What do I do??

    Disable all plugins and see if it works. If it does, re-enable them one by one to find the troublemaker.

    You are the only one to have this issue, so it has to be related to either your plugins, CDN or customizations.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Mobile/Tabled sidebar extend arrows gone/not returning’ is closed to new replies.