Sprado

[Sprado]

Hi Harry,

 

I fixed the issues, I managed to display on desktop and hide on mobile.

Thank you for helping me

 

Good luck

[Sprado]

I fixed it now and it is showing but it doesn’t disappear on mobile version.

How can i make it disappear on mobile please?

Attachments:

You must be logged in to view attached files.

[Sprado]

Hi Harry,

 

Thank you for providing the code.

I added the code but it only showed the icon on mobile menu, but the main menu still missing.

Do I need to add more code?

 

Thank you

[Sprado]

sure I will let you know.

Thanks a lot for everything.

 

Good Luck

[Sprado]

Thank you for recommending the service.
for now, I will try to find a solution or the code snippet that might make it work.

Thank you for the help Harry

[Sprado]

Hi Harry,

 

Thanks for providing the code.

Unfortunately, it is not helpful because the sticky is important in the mobile version more than desktop, in mobile the user gonna scroll a lot to get to what he wants, plus I doubt that it is clear that there are other tabs, so people gonna miss it.

I hope you find a solution for this because so far the tabs and the accordions are not helping and the functionality is bad.

Please just consider finding a solution, it would have worked best with the sticky element but the parent has overflow: hidden; make it impossible to work around it.

Thank you

 

[Sprado]

Hi Harry,

I added the code and caused problem to the site layout, after 3 days of investigation I found the cause it is  overflow-x: initial;

when I added this code the layout on mobile is bad, the menu is shortened and any overlay is not clickable sometimes for example when you click on the menu and try to click on navigation.

Can you test this code please, it looks normal on desktop but mobile is different story.

 

Kind regards

[Sprado]

I am sorry to bother you again.

I tried to add this code to make the tabs sticky but it didn’t work.

.wc-tabs {
position: sticky;
position: -webkit-sticky;
top: 60px;
}

 

Do you have a solution for that

[Sprado]

Hi,

 

3- Sorry, I didn’t know that I thought it is your design styles

4- Ok I will use the tabs but the problem with tabs, the heading is small and it is easy to lose when you scroll down the content, then user don’t know that there are another tabs.
maybe I will try to add a sticky menu for the tabs so when the user scrolls down, he can see that he is reading the description and can click on other tabs.

Thank you very much for the help.

Best regards

[Sprado]

Hi Harry,

1- It works well now.
will you include this change in the next update so it doesn’t override this modification?

3- I added the code and it is fine.
I hope you reconsider the design in the future because the black background doesn’t match the product background, and all the products have a white background.

4- I disabled the minification for js files but still doesn’t fix it.
you test it wrong and I explained how to test it in the comment and the video.
If you are a user you will open the tab and read the content all the way down and then open the next tab.
but what you did you toggled the tab open and close in a second, nobody does that.
Please visit the product again as I showed in the video and pretend that you going through the content until the next tab then click to open.

Thank you

[Author]

Posts