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

Attachments:

You must be logged in to view attached files.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Attachments:

You must be logged in to view attached files.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[info@webodew.com]

This reply has been set as private.

[info@webodew.com]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts