I want to change the background of the container where my logo is located

This topic has 4 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Tony Rodriguez

  • 3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 13, 2024 at 05:40

    Hello, @Carolina,

    Thank you for contacting us and for using XStore.

    We are reaching out to provide guidance on updating the background color of the logo container within your website’s theme settings.

    Please follow the steps below to add the necessary CSS code:

    1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
    2. Insert the following CSS code:

    @media only screen and (max-width: 600px) {
        .etheme-elementor-mobile-menu-logo {
            background: green !important;

    **Note:** After applying the CSS code, it will be effective for both containers of logos. You may customize the background color by altering the value in the background property.

    To view the expected result, please visit this link: [View Sample](https://paste.pics/edit/R5U72)

    We hope this information is helpful to you. Should you require further assistance or have any questions, please feel free to contact us. We are here to support you.

    Best Regards,
    8Theme’s Team

    Avatar: Carolina
    June 13, 2024 at 18:35


    Sorry, maybe I didn’t explain it well, what I want is to be able to remove the white background that is seen behind the two logos. And I don’t know where to change that background. The color I want to put is #ff9400.
    Or tell me where I can change the logo

    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 14, 2024 at 06:57

    Hello, @Carolina,

    Upon reviewing your website, We noticed that you are utilizing the Elementor plugin to manage your site’s layout. To update the logo in your mobile menu, please follow these steps:

    1. Navigate to the mobile header settings and insert the ‘Site Logo’ widget.
    2. Update the logo within this widget to your new desired image and ensure to save the changes.
    3. Once updated, you may remove the ‘Site Logo’ widget if it is no longer needed. This action will retain your updated logo.

    For your reference, We have included a screenshot that illustrates these steps. You can view it by following this link: (https://paste.pics/edit/R65T5)

    Additionally, We would like to inform you that the white border lines appearing around your logo are part of the image file itself. Updating the logo as described above should resolve this issue.

    We trust this information will assist you in updating your site effectively. Should you require further assistance or have any more queries, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

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

You must be logged in to reply to this topic.Log in/Sign up

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