Cant get Collapsable Rows in the Center

[NinoB97]

Am trying to get me collapsable rows centered / in the middle, the Postion as wel as the dropdown text but it wont move, i tried some other codes in previous post but they wont work for me, could someone help me with this. Photo below

i also have a second question, i want to put my logo in the footer, right above the payment method logo’s i want to put my brand name / Logo so underneath the seperation line. But i cant get it there could i also get a solution for this if possible.

[NinoB97]

www.auraliving.nl

[Moeed]

Hey @NinoB97

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

Hello @NinoB97

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .accordion summary{ justify-content: center; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Rahul_dhiman]

Hello @NinoB97
are you looking for something like this

[NinoB97]

u the boss man thanks alot finally someone that helped

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[NinoB97]

yes do you know by any chance how i can get the logo there Rahul?

[BSSCommerce-B2B]

Hi @NinoB97 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

@media screen and (max-width: 767px) {
    .accordion summary {
        justify-content: center;
    }
}

Step 3: Save your code and reload this page.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

[NinoB97]

can you maybe also help me center the text that comes out of it ?

[Rahul_dhiman]

please check your inbox.

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .accordion__content{ text-align: center !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Moeed]

Hey @NinoB97

Keep the previous code and add this new code above in the end of theme.liquid file.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed