Return to previous page

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 4 months ago ago by Tony Rodriguez

Carolina

Participant

June 12, 2024 at 20:19

I want to change the background of the container where my logo is located in the sidebar of the mobile version, I attach a photo.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#399509 Copied Theme version: 1.0

3 Answers
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
#399534 Copied
Carolina

Participant

June 13, 2024 at 18:35

Hi,

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.

#399676 Copied

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

#399720 Copied
Tagged: change background, container logo, customize, themes, website design, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)