Align submenu to right instead of left

[info@webodew.com]

I want to have the sub-menu aligning to the right instead of left side. The class being used by that element is “pull-left”.

You can see the example screenhshot attached (pull-left.png) how it is done by the theme, and the screenshot (pull-right.png) how I want it to be (at this moment, hard-coded “pull-right” in the “lib/menu-walker.php”).

Is there any way to achieve this by using the theme’s custom CSS?

Thanks in advance!

Vitor

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

ul.dropdown-menu.sub-menu.pull-left {
    float: right !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[info@webodew.com]

Thanks for your assistance.
Unfortunately that does not seem to solve the issue. I’ve checked on Chrome Developer Tools this change is being applied, but the menu still looks the same.
Can you please let me know how to get it working?
Thanks,
Vitor

[Laura]

Hello, can you share access so i can check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[info@webodew.com]

Hi
here’s the access:

https://webodew1.wpengine.com
u: support@seventhqueen.com
p: PowerfulTh3me

Please let us know.
Thanks 🙂

[info@webodew.com]

Sorry, password is “BeastTh3me”

[Laura]

Hello, please try

COPY CODE

li#menu-item-2883 ul.dropdown-menu.sub-menu.pull-left {
    margin-left: -125px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts