Return to previous page

Translation mobile menu and hide the logo

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

diderino

Participant

June 11, 2024 at 09:36

Hi,
if I open the menu the logo is stand in the way to use the menu optimal.
And where can I translate the english words in the menu? (loco translate doesn´t work in this case)

Files is visible for topic creator and
support staff only.

#399206 Copied Theme version: 9.3.11

5 Answers
Tony Rodriguez

Support staff

June 11, 2024 at 13:13
Hello, @diderino,

Thank you so much for purchasing our theme and contacting our support center.

1/ We are reaching out to provide guidance on how to adjust your mobile menu settings for optimal display and functionality.

1. **Hiding the Logo When Mobile Menu Opens:**
Please insert the following CSS code into your website to hide the logo when the mobile menu is activated. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS and add:
```
   .elementor-element-26f06cec {
       z-index: auto;
   }
```
You can review the expected outcome via this link: [View Result](https://paste.pics/edit/R5E9P)

2. **Translating Mobile Menu and Account Items:**
– **A. Mobile Menu Items:**

To translate the items in your mobile menu, please go to Dashboard > Appearance > Menus, select the Mobile Menu, and add the translated terms directly within the Mobile Menu items. For reference, please view this image: [Mobile Menu Translation](https://paste.pics/edit/R5EBK)

– **B. Cart and Wishlist Words:**

To update the translation for ‘Cart’ and ‘Wishlist’, please add the translated words in the Mobile Menu Widget for Account and Wishlist items. For your reference, please see the images here: [Cart Translation](https://paste.pics/edit/R5ECH) & [Wishlist Translation](https://paste.pics/edit/R5ECV)

We trust this information will be of assistance. Should you have any further inquiries or require additional support, please feel free to contact us.

Best Regards,
The 8Theme Team
#399241 Copied
diderino

Participant

June 11, 2024 at 13:49

the code worked once:

.elementor-element-26f06cec {
z-index: auto;
}

but not anymore now 🙁

#399253 Copied
Tony Rodriguez

Support staff

June 11, 2024 at 14:01
Hello, @diderino,

Thank you for your prompt response.

We kindly request that you remove the previously provided code and replace it with the following custom CSS code:
```
@media (max-width: 767px) {
    .elementor-1656 .elementor-element.elementor-element-26f06cec {
        z-index: -999999 !important;
    }
}
```
We trust that this adjustment will function correctly. You can view the expected result at the following link: (https://paste.pics/edit/R5EXK).

Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best regards,
8Theme’s Team
#399260 Copied
diderino

Participant

June 11, 2024 at 14:10

cool, works.

and last questions:
where to translate the words in the mobile version for:

Categories
Wishlist & Subscribe

(see images attached)

Files is visible for topic creator and
support staff only.

#399266 Copied

Tony Rodriguez

Support staff

June 12, 2024 at 06:43

Hello, @diderino,

Thank you for your response.

1/ To assist you with translating the categories in your mobile menu, please follow the steps outlined below if you are utilizing the Header via the customizer:

1. Navigate to Xstore > Theme Options.
2. Proceed to Header Builder.
3. Select Mobile Menu.
4. Go to Additional Tab Content.
5. Enter the translated text as required.
6. Click on ‘Publish’ to save the changes.

For your reference, please see the attached image which illustrates these steps. https://paste.pics/R5KDD

2/ To add the translated custom text as required, please follow the steps outlined below:

1. Navigate to XStore > Theme Options.
2. Select ‘Mobile Panel’.
3. Proceed to the ‘Edit Section’.
4. Add the translated custom text as per your requirement.
5. Click ‘Publish’ to apply the changes.

For your reference, please see the attached image which illustrates these steps. https://paste.pics/R5KEL

We trust this will resolve your issue effectively. Should you require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#399365 Copied
Tagged: customizable wordpress themes, hide logo feature, mobile menu translation, responsive woocommerce themes, woocommerce themes, wordpress ecommerce
Viewing 6 results - 1 through 6 (of 6 total)