mobile accordion categories widget

Por favor me podrian decir como puedo modificar el ancho y el color del fondo oscuro del mobile accordion para las categorias en la layout de la tienda. como puedne ver en la imagen se ve muy estrecho el accordion, quisiera hacerlo mas ancho y cambiarle ese color de fondo negro.

Tambien me podrian decir como puedo hacer la letra mas grande para el titulo de categories en la vista mobile. Adjunto imagen.

Attachments:

You must be logged in to view attached files.

Envío otro pantallazo resaltando lo que necesito. Por avor podrian enviarme el codigo .css para poder hacer esos cambios

Attachments:

You must be logged in to view attached files.

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Mobile CSS section:

.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat {
    background-color: black;
    width: 200px;
}

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards.

Hi, thanks for answering me, I already used the CSS code, but now the menu is not centered, could you pass me the CSS code so that the menu and background can be centered?

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share valid WP-ADMIN Login details of your Site so that we can proceed further and check the issue on your Site and assist you accordingly?

Best Regards.

I have already shared you the data for the login.

Hello,

Please check it now after removing the browser cache. I have added small custom CSS code in the theme settings.

Best Regads.

Hi, thank you,
But I still have the problem. On mobile, the accordion is still not centered, so I believe the solution is to configure the menu to span the entire width of the screen, as shown in the attached image.
Could you please help me set it up so that it appears that way on mobile?

Attachments:

You must be logged in to view attached files.

Hello,

Please clear the browser and site cache and check how it works. https://gyazo.com/956406258e1e597a8cdfb756ad5d1af0

If you have any questions please feel free to contact us.

Best Regards

Could you please help me to configure the width as seen in the attached image. thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL where I can see that.

Best Regards

Hi, this is de URL https://woodmart.xtemos.com/shop/demo/retail/

Could you please help me to configure the width as seen in the attached image. thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

Could you kindly provide the URL from your site? Our demo does not assume placing the content in the center.

If you have any questions please feel free to contact us.

Best Regards

Hello, the URL of the site is this http://www.tornadochicken.com, but I haven’t published it yet, I have activated the maintenance button. But I already shared the username and password of the site so that you can please help me with the request that I made previously. And the other URL that I shared in the previous message is from a demo of yours from XTEMoS, in that demo you can see the accordion menu centered and wider.

Hello,

Our demo categories are made without a builder, at the same time, product categories on your site are made with the builder.
Please remove the custom CSS we provided before and enter the page with the categories, and change the padding with the builder: https://prnt.sc/g4awiwENYfnQ and https://prnt.sc/wXH9EDJi3zZ0

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts