How to add flag icons in the mobile version menu

  • matteocracow

    (@matteocracow)


    4 years, 5 months ago

    Hello,
    I wanted to add flag icons to the left of the menu on the mobile version. Do you have any ideas on how to solve this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • vpraveen60

    (@vpraveen60)

    4 years, 5 months ago

    Hi

    I have solved this by using the script, you can use the below script and CDN link and place in the below footer.php file

    Solved Result: https://prnt.sc/q25qx8

    <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script&gt;
    <script>
    if (screen.width <= 767) {
    $(document).ready(function(){

    div1 = $(‘span.select_page’);
    div2 = $(‘ul#et-secondary-nav’);
    tdiv1 = div1.clone();
    tdiv2 = div2.clone();

    div1.replaceWith(tdiv2);
    div2.replaceWith(tdiv1);
    $(“.mobile_nav.closed ul#et-secondary-nav”).show();

    $(‘.mobile_nav.closed ul#et-secondary-nav’).attr(‘style’,’display: block !important’);

    console.log(‘replaced’);
    });
    }
    </script>

    Thank you
    Praveen Valmiki

    • This reply was modified 4 years, 5 months ago by vpraveen60.
    • This reply was modified 4 years, 5 months ago by vpraveen60.
    vpraveen60

    (@vpraveen60)

    4 years, 5 months ago

    please make sure script open / script close tag is proper.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add flag icons in the mobile version menu’ is closed to new replies.