Support » Theme: Graduate » sub menu show drop on lef

  • Hello,
    I am using rtl language in Graduate theme. I used this custom css to float text to right:

    .main-navigation li {
        float: right;
    	text-align: right;
    }

    Now dropdown menu goes to right side and text is hiding (Please check screenshot)
    Screenshot

    I want that menu should drop to left side, so items of submenu will show properly.
    Please tell me what to do?
    Thanks

    • This topic was modified 1 month, 4 weeks ago by aikzhobi.

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

Viewing 1 replies (of 1 total)
  • Theme Author themepalace

    (@themepalace)

    Hello @aikzhobi,

    Please remove
    .main-navigation li {
    float: right;
    text-align: right;
    }

    And add these css in Additional css.

    .main-navigation ul#primary-menu > li {
    float: right;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
    left: auto;
    right: 0;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
    left: auto;
    right: 100%;
    }
    ul.sub-menu li.menu-item-has-children > a:after {
    content: “\f0d9”;
    right: auto;
    left: 5px;
    }

    Thanks
    Theme Palace

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.