rtl support does not work

  • Hi, I installed Max Mega Menu, but when I inserted custom css for adding RTL support, nothing happened. After review generated source code, no .rtl found, so I applied rtl class on menu container div in theme. but nothing changed.
    After some css hack, I added below css rules that solved problem:

    .mega-menu-column {
    float: right !important;
}
.mega-menu-item a{
    text-align: right !important;
    white-space: nowrap !important;
}

    But I hate changing plugin css outside of plugin (and using !important). how can I apply these changes inside of plugin?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi behzadian,

    Please can you post a link to your site so I can take a look?

    The “rtl” class should be on the body tag, if it’s not there then it means RTL support has not been properly enabled for your site/theme. I’m not too familiar with it (all RTL sites I have seen already have the “rtl” class), but it looks like this page should explain how to correct it:

    https://createandcode.com/how-to-enable-right-to-left-rtl-support-in-wordpress/

    Regards,
    Tom

    Thread Starter behzadian

    (@behzadian)

    Unfortunately, My website is not online yet, but I added below code:

    
		> li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
            float: right;
        }

    and problem solved for desktop (I didn’t tested for tablet and mobile yet)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘rtl support does not work’ is closed to new replies.

Tags