Support » Theme: OceanWP » Change mega menu fold direction

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello,

    Try to add the below code to the Customize > Custom CSS section and check it works or not –

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

    I’ll suggest you create a mega menu to fix this issue. OceanWP has mega menu features that you can use.

    Thank you Amit. But now as you can see here, there is no automatic line break for sub menu names in rows that are longer than the width defined in Header -> Menu -> Dropdown Styling. Is there also a solution to this? And would it be possible to add this as a 1-click function to OceanWP? I can imagine that this is not an isolated problem.

    Please try the below code –

    .dropdown-menu ul li a.menu-link {
        white-space: normal;
    }

    For the width, kindly set the dropdown menu width from the Customize > Header > Menu section.

    Milan

    (@mimoho)

    Thank you @apprimit for your support. However, using the code you last sent me does not have any effect on the line break issue. Using both codes together comes to the result as you can see on the website here: Some posts in the navigation bar’s categories overlay other items. Even though I can change the width for the first dropdown menu, this is not applied to the side-folding layer-2 sub-menu.
    Any other idea?

    Amit Singh

    (@apprimit)

    Can you try this one?

    .dropdown-menu ul li a.menu-link {
        white-space: unset;
        width: 300px;
    }
    Milan

    (@mimoho)

    With a matching width value as defined in Header -> Menu -> Dropdown styling it now looks like expected using the Custom CSS:

    display: none;
    }
    .sf-menu ul.sub-menu ul {    
         left: -100%;
    }
    .dropdown-menu ul li a.menu-link {
        white-space: unset;
        width: 380px;
    }

    Thanks @apprimit Would appreciate when there were inbuilt options for that.

    • This reply was modified 7 months ago by Milan.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change mega menu fold direction’ is closed to new replies.