[André Zenker]

How can I change the size and postion of the submenu icon in mobile view (maybe CSS)?

[sujeet]

Hello @zenkeran,

Yes, you can achieve this using CSS. Please add the following css to Dashboard > Appearance > Customizer > Additional CSS.

.menu-wrapper .main-navigation #primary-menu .dropdown-toggle:not(.active) {
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
}

.main-navigation #primary-menu .dropdown-toggle:after {
   font-size: 40px;
}

Could you please clarify how you would like to change the position of the submenu icon in the mobile view?

Once you confirm the desired position, we can provide the appropriate CSS.

Thank you.

Regards,
Sujeet

[André Zenker]

Hello Sujeet,

Thanks! Thats help a lot!

How can I change the position also, if the submenu is opened (unfolded)?

[sujeet]

Hello @zenkeran,

You’re welcome! Yes, you can also adjust the submenu icon position when it is opened.

You can change its position by adding values to left, right, top, or bottom in the CSS, depending on where you want the submenu icon to appear.

For example:
right: 45px;
top: 45px;

Please try adding the following CSS code and adjust the values as needed:

.main-navigation #primary-menu .dropdown-toggle.active {
   right: 45px;
   top: 45px;
   z-index: 2;
}

You can change the right and top values to move the submenu icon to your preferred position. You can also use left or bottom if that works better for your layout.

Hope this helps! Thank you.

Regards,
Sujeet

[Author]

Posts