How to center entire columns on a page for mobile version only
-
Hi support, I have two questions,
1) How to align a widget center in a wpbakery row for mobile version? Please view attachment for reference
2) I am using the Mega Menu element to display my sidebar pages however where it says Icon alignment I have selected right but no icon displays on the front end? And if the mega menu element cant add icons, then can you tell me how I can do it with css or something?
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL I will check and give you a possible solution.
Best Regards.
Hello,
Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:
.menu-sidebar-menu, .wd-nav.wd-style-default {
left: 50px !important;
position: relative;
}
If you want to show the icon, Navigate to Appearance > Menu > Edit Sidebar Menu > Expand Menu Item and upload the menu item icon:
https://ibb.co/fN2dxP2
Best Regards.
Okay got it thanks for the code, but when I use it.. it only shifts the menu elements within the inner column box to the center and NOT the whole inner column box. I would like for it to center the whole inner row column?
And for the menu item icons, specifally for my custom menu “SIDEBAR MENU” how can I make it that the icons shows on the right side of the text and not left align? view image for reference
Attachments:
You must be
logged in to view attached files.
Hello,
Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:
.vc_custom_1712697095084 {
text-align: right !important
}
I have added the icon and it is showing in front of the menu item.
https://ibb.co/Bzwv7Qd
Best Regards.
.
