Return to previous page

Remove secundere menu without wasting the other icon

This topic has 15 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

salmi

Participant

September 26, 2023 at 13:12

Hi,
remove secundere menu without wasting the other icon
https://prnt.sc/vdvGL8yvWWIq

#368605 Copied Theme version: 1.0 WooCommerce version: 6.3.1

14 Answers

Tony Rodriguez

Support staff

September 26, 2023 at 13:37

Hello, @salmi,

Thank you for choosing XStore as your WooCommerce WordPress theme.

If you are looking to remove the secondary menu in the header, please follow these steps: Navigate to Xstore > Theme Options > Header builder > Edit Connection block. Here, you will find the secondary menu widget. Please delete it and then publish the changes.

Please refer to the attached image for further clarification.
https://imgur.com/lXG54mW

We trust this will resolve your issue.

Best Regards,
Team 8Theme

#368609 Copied

salmi

Participant

September 27, 2023 at 10:40

Hallo,
vielen Dank für die Hilfe.

1. wie in den screens zu sehen, will ich auf der Wunschzettel Seite den button ” Kostenvoranschlag” entfernen
https://prnt.sc/6x-buSCI0ASp

2. in der Mobilen ansicht wird der Wunschzettel nicht ganz angezeigt. Hier ein screen.
https://prnt.sc/sRWzqIIeKD2y

#368676 Copied

Tony Rodriguez

Support staff

September 27, 2023 at 11:35

Hello, @salmi,

Thank you for your response.

1) If you would like to remove the “Cost Estimate” button from the wishlist page, please follow these steps:

1. Go to XStore.
2. Select Theme Options.
3. Proceed to Woocommerce.
4. Choose Built-in Wishlist.
5. Click on ASK ESTIMATE SETTINGS.
6. Select Button Text.
7. Delete the text in the field and then publish it.

Please refer to the attached image for further clarification.
https://imgur.com/OtcVSDo

Best Regards,
Team 8Theme

#368681 Copied

Tony Rodriguez

Support staff

September 27, 2023 at 11:47

Hello, @salmi,

We hope this message finds you well.

2) We are writing to inform you that we have thoroughly inspected your website and found no issues on our end. The problem you are experiencing appears to be related to cache issues on your device.

We kindly suggest that you clear your mobile browser cache and then revisit the website. This should rectify the issue you are currently facing.

For your convenience, we have created a video for you, You can find this video in the private content area. We recommend watching it in its entirety for reference.

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

Best Regards,
8Theme’s Team.

Please contact administrator
for this information.

#368683 Copied

salmi

Participant

September 27, 2023 at 13:21

Hello, I always clear the cache and of course I consider this step. However, the display is not clean. I have also tried an unused browser and still no good result.

https://prnt.sc/AJ_sakvwp0tB

#368695 Copied

Rose Tyler

Support staff

September 27, 2023 at 13:50

Hello, @salmi,

We appreciate your prompt response.

You provided a screenshot from the desktop device where the browser window is resized. Please check how it works on your mobile device and provide us with a video.

Best Regards,
8Theme’s Team.

#368703 Copied

salmi

Participant

September 27, 2023 at 14:56

Video is privately deposited.

Please contact administrator
for this information.

#368710 Copied
Rose Tyler

Support staff

September 28, 2023 at 09:11
Hello, @salmi,

We appreciate your prompt response.

Please try to add the next custom CSS code:
```
@media only screen and (max-width: 480px) {
    form.xstore-wishlist-form {
        overflow: hidden;
        overflow-x: auto;
    }
}
```
it will add a scroll.

Best Regards,
8Theme’s Team.
#368759 Copied
salmi

Participant

September 28, 2023 at 09:47

Hello,
this is unfortunately not a profissionelle solution, many customers can not know that you have to wipe and is not timely, the less the customer click or wipe the better. Here it would be best to install a div that limits the inner area, please find another solution.

#368764 Copied
Rose Tyler

Support staff

September 28, 2023 at 10:34
Hello, @salmi,

We appreciate your prompt response.

Please change the previous code to:
```
form.xstore-wishlist-form thead th:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: none;
}
tbody.xstore-wishlist-items td:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: block;
    padding: 10px 0;
}
form.xstore-wishlist-form td {
    vertical-align: top;
}
tbody.xstore-wishlist-items td.xstore-wishlist-action {
    text-align: center;
}
form.xstore-wishlist-form .xstore-wishlist-product {
    display: flex;
}
form.xstore-wishlist-form .form-actions>div>div {
    flex-wrap: wrap;
}
form.xstore-wishlist-form .form-actions>div>div select {
    margin-bottom: 10px;
}
```
We added a screenshot of the result into the private content area.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.
#368768 Copied
salmi

Participant

September 28, 2023 at 10:52

Hi, have you checked how it looks in the desktop view? an integrated and clean solution I would have liked to see here, best without additional css that load the server more.

#368770 Copied

Rose Tyler

Support staff

September 28, 2023 at 11:11

Hello, @salmi,

The code should not affect the desktop view, please add it to Theme Custom CSS > Mobile area.

We are sending you the custom CSS code because there is no problem with our demos – https://xstore.8theme.com/elementor2/industrial-power-tools/my-account/?et-wishlist-page and the Wishlist is fine on sites of other our customers (we did not get complains), so it is a local solution for your site only.

Best Regards,
8Theme’s Team

#368772 Copied

salmi

Participant

September 28, 2023 at 11:29

Hi, when you insert an item in wishlist it is displayed cleanly, but if you insert more than 2 items then you don’t see the delete button anymore, it think that it has not been checked enough. Unfortunately I don’t agree with the solution, it doesn’t look nice. There must be a fixed rule defined in an art div, so that the buttons are always displayed in the mobile view.

#368776 Copied
Rose Tyler

Support staff

September 28, 2023 at 12:42
Hello, @salmi,

We appreciate your detailed explanation. Our development team will conduct a thorough investigation to rectify the issue in the forthcoming theme update.

The next custom CSS code for mobile can be used on your site, as a temporary solution:
```
form.xstore-wishlist-form thead th:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: none;
}
form.xstore-wishlist-form thead th.xstore-wishlist-checkbox {
    padding-top: 10px;
    padding-bottom: 10px;
}
tbody.xstore-wishlist-items td:not(.xstore-wishlist-checkbox, .xstore-wishlist-product) {
    display: block;
    padding: 5px 0;
}
form.xstore-wishlist-form td {
    vertical-align: top;
}
tbody.xstore-wishlist-items td.xstore-wishlist-action {
    text-align: start;
    padding-bottom: 15px;
}
form.xstore-wishlist-form .xstore-wishlist-product {
    display: flex;
    padding: 10px 0 !important;
}
form.xstore-wishlist-form .form-actions>div>div {
    flex-wrap: wrap;
}
form.xstore-wishlist-form .form-actions>div>div select {
    margin: 10px 0;
}
form.xstore-wishlist-form .form-actions>div>div a {
    flex: 1;
    flex-basis: 100%;
}
.xstore-wishlist-action .button {
    margin-left: 0;
}
table.xstore-wishlist-table {
    margin-bottom: 0;
}
.xstore-wishlist-form .form-actions {
    padding-top: 5px;
}
```
We would like to assure you that the lines of code in question will not significantly burden the server. Therefore, there is no need for concern regarding this matter.

Best Regards,
8Theme’s Team
#368785 Copied
Tagged: efficient site editing, preserve icons, remove secondary menu, woocommerce templates, wordpress customization
Viewing 15 results - 1 through 15 (of 15 total)