Accordions in the center on a mobile

[support-1174]

Hello,

If you go to this page ON YOUR MOBILE with the link below you will see at the bottom, 2 accordions
+ Klantenservice
+ Over ons
They are on the left side of your screen.

How do I get them in the center of the screen, just like the Categoriëen?

On the same page you will see other accordions and they must stay on the left!

See my image
I hope you will help!

• This topic was modified 9 months, 1 week ago by support-1174.

Attachments:

You must be logged in to view attached files.

Hi support-1174,

Thanks for reaching to us and appreciate your patience.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

@media (max-width: 465px){
	.wd-accordion-item .wd-accordion-title.text-left {
    text-align: center;
	}
}

Regards,

Ending up using the accordion function from your theme and altered:

.wd-accordion-item .wd-accordion-title.text-left {
text-align: center;
}
.wd-accordion-content.reset-last-child.wd-active {
text-align: center;
}
.wd-accordion-title.wd-opener-pos-left {
flex-direction: column;
}
.wd-accordion-opener {
color: #000;
font-weight: bold;
font-size: 20px;
}

Hi support-1174,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts