Okay
  Public Ticket #1163280
Main menu
Closed

Comments

  • teganonline started the conversation
    May 8, 2017 at 3:04pm

    Hi,

    in the phones ,there are a problem in the menu direction ,because it in an Arabic :  http://www.teganonline.net

    How can i Change his Direction to ltr ?

    Thanks .

  • [deleted] replied
    May 9, 2017 at 7:37am

    Hi,

    Can you please add this custom CSS:

    header.mobile-menu ul.mobile-menu > li.menu-item-has-children > a {
        padding-right: 70px;
    }

    header.mobile-menu .search-site .mobile-search-button {
        right: auto;
        left: 0;
    }

    This should work for you.

  •   teganonline replied privately
  • teganonline replied
    May 10, 2017 at 1:23pm

    I Just want The Menu to Be ltr  In small screen(Phones) to be Resposive.

  • [deleted] replied
    May 11, 2017 at 8:00am

    Hi teganonline,

    You haven't added my exact code and that's the CSS code hasn't changed.

    I gave you this CSS code:

    header.mobile-menu ul.mobile-menu > li.menu-item-has-children > a {
    padding-right: 70px;
}
header.mobile-menu .search-site .mobile-search-button {
    right: auto;
    left: 0;
}

    and you have added this code:

    header.mobile-menu ul.mobile-menu > li.menu-item-has-children > h4 {
    padding-right: 70px;
}
header.mobile-menu .search-site .mobile-search-button {
    right: auto;
    left: 0;
}

    so you have changed "a" with the "h4", and that's why the code didn't worked as it should.

    I changed the h4 to a and now everything looks good as you can see:


    (view on new page)

  • teganonline replied
    May 11, 2017 at 5:10pm

    Thank you very very much .

  • [deleted] replied
    May 12, 2017 at 6:52am

    You are welcome, have a great day there.