Make mobile main menu transparent background

This topic has 3 replies, 2 voices, and was last updated 1 years, 1 months ago ago by ecommercedev

  • Avatar: ecommercedev
    ecommercedev
    Participant
    September 24, 2023 at 23:32

    Hi,
    I am just testing out layouts and styles and I set main menu header background to white. Before I published the changes it was transparent. Clicking default button doesn’t bring the transparency. This is a bit confusing. I also tried using `rgba(255,255,255, 0.0) but it did not work. Removing color hex code value in input field also doesn’t change anything. Is there any way to bring back the transparent option in configuration tab? Or we are left with custom CSS code?

    https://ibb.co/WvD99r6
    https://ibb.co/V2NPmwF

    You can see in the screenshots (one for mobile config, one for desktop config). That desktop config has by default no background color selected. This is what I want to bring back for my mobile config.

    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 25, 2023 at 06:34

    Hello, @ecommercedev,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    To address your concern, kindly follow these steps:

    1. Go to XStore.
    2. Select Theme Options.
    3. Proceed to Header builder.
    4. Choose Main menu > Mobile.
    5. Click on Background Color.
    6. Paste the following color code: rgba(145,145,145,0).
    7. Finally, click on Publish.

    For Mobile: rgba(145,145,145,0)

    For Desktop: rgba(255,255,255,0)

    Please refer to the attached image for your reference.
    https://imgur.com/qiEP3Vk

    We trust this will resolve your issue.

    Best Regards,
    8Theme’s Team

    Avatar: ecommercedev
    ecommercedev
    Participant
    September 25, 2023 at 23:58

    ?

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Make mobile main menu transparent background’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.