Home Forums Porto Template Menu drop item overlap main menu items

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #10030688

    Hi Okler,

    Your template is very cool and I bought it and working with it.

    I have HEBREW website RTL – Language, and the drop item menu in RTL is overlap the main menu items (I even checked it on your porto preview website (https://portotheme.com/html/porto/7.5.0/feature-layout-rtl.html)

    Attached pictures:

    LTR-OK – the drop down menu is underneath the main menu items.

    RTL-BUG – the drop down menu is to high hide main menu items

    Could you please assist?


    Template Version: 7.5.0

    Hello, thanks for your purchase.

    This issue is related to the latest version of Chrome browser that’s by some reason it’s getting wrong positions on RTL layouts only. We will work into a fix for this to release on the next version of Porto.

    For now you can fix adding this code below in (css/custom.css):

    @media (min-width: 992px) {
        html[dir="rtl"].chrome #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
            top: 100%;
    @media (min-width: 992px) {
        html[dir="rtl"].chrome #header .header-nav-main nav > ul > li.dropdown.dropdown-mega.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.dropdown-mega:hover > .dropdown-menu {
            top: 101px;

    Please, try that and let us know if you need further assistance.

    Kind Regards,


Viewing 2 posts - 1 through 2 (of 2 total)