This topic has 4 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Tony Rodriguez
Hello,
The screenshot that I have attached is from the more options menu we get on mobile devices where I’m not able to find the option to make this section left aligned.
Screenshot
https://postimg.cc/dLGfT9HG
Hello @Manish Singh,
To align the more options menu to the left on mobile, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes. The result should look like the image provided at the following link: https://postimg.cc/3d29Zhkd
@media (max-width: 767px){
.menu-main-container ul#menu-all-category-1 {
padding-right: 200px !important;
}
}
We thank you for your cooperation and remain at your disposal.
Best Regards,
8Theme’s Team
what I need was left alignment for the icon and the text too, this does not look good
Hello, Manish Singh,
Alright, To align the more options menu items and text to the left on mobile, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes. The result should look like the image provided at the following link: https://postimg.cc/rzb58DKR
@media (max-width: 767px){
.et-mobile-panel .et-content_toggle .et-content .menu-main-container li {
justify-content: unset !important;
}
}
Best Regards,
8Theme’s Team
The issue related to '‘I’m not able to find the option to make this section left aligned’' has been successfully resolved, and the topic is now closed for further responses