Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 18, 2015 at 4:12 pm #520624
    tech500

    Hello,

    The social icon in the menu bar has a grey border to it’s left side.
    When switching (wpml) to rtl language, that border moves to the left side of the menu ites, but it should stay in place.

    avia-menu av-main-nav-wrap av_menu_icon_beside
    The 1px line at the top right side of the menu should stay in place for both LTR + RTL .

    I attached ore info in Private area.

    Thanks
    Dan

    October 19, 2015 at 3:22 pm #520993
    Yigit

    Shalom!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .rtl .avia-menu.av_menu_icon_beside {
    border-right: solid 1px #e2e2e2;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    margin-right: 25px;
    padding-right: 25px;
}

    Cheers!
    Yigit

    October 19, 2015 at 3:55 pm #521021
    tech500

    Hi Yigit,

    I placed that code on both the ltr and rtl style css areas, and the white line in the rtl is still left to the flag, and not left to the social icon.

    Thanks

    Dan

    October 19, 2015 at 4:46 pm #521037
    Yigit

    Hey!

    Please try adding !important rule as following 

    .rtl .avia-menu.av_menu_icon_beside {
    border-right: solid 1px #e2e2e2 !important;
    border-left: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 25px !important;
    padding-right: 25px !important;
}

    Cheers!
    Yigit

    October 19, 2015 at 6:34 pm #521120
    tech500

    Great, that solved it 1

    Thanks

    October 20, 2015 at 4:59 am #521345
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Social border wrong side on RTL’ is closed to new replies.