Return to previous page

Make mobile main menu transparent background

This topic has 3 replies, 2 voices, and was last updated 7 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.

    #368428 Copied Theme version: 9.1.14
    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

    #368438 Copied
    Avatar: ecommercedev
    ecommercedev
    Participant
    September 25, 2023 at 23:58

    🎉

    #368522 Copied

  • Tagged: , , , , , ,

  • 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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme

See All Templates

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