Home Forums Porto Template Menu drop item overlap main menu items

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 1 week, 1 day ago. This post has been viewed 41 times

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

    amir9898
    Participant

    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?

    BRGDS



    Template Version: 7.5.0
    #10030691

    Support2
    Keymaster

    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,

    Rodrigo.


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