Menu is not responsive

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shahin

    (@skalanter)

    Hello @losstudio2411,

    Thank you for reaching out,

    I didn’t notice any issues with the header on mobile at the URL you shared. Please check this screenshot: https://postimg.cc/F7MHV1VB.

    Best Regards

    Thread Starter losstudio2411

    (@losstudio2411)

    Thank you for checking
    This is on desktop

    https://postimg.cc/8FY7rMB4

    Shahin

    (@skalanter)

    Hello @losstudio2411,

    Thank you for reaching out,

    Now I understand your problem. Your device’s width is small. In this situation, you shouldn’t place menus with submenus at the edges of the device’s width. This is correct for a standard-sized monitor. However, you can use the following basic CSS to open submenus on the left instead of the right:
    https://postimg.cc/mhS6H4Zm Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .sf-menu ul.sub-menu ul {
    left: auto;
    right: 100%;
}

.dropdown-menu ul li a.menu-link .nav-arrow {
    transform: rotate(180deg)
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

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