We are facing a problem with the bottom frame on the phone

The bottom header does not show the sections on the mobile phone. Please look into the problem

Attachments:

You must be logged in to view attached files.

Hi saadeldeen.mee,

Thanks for reaching to us.

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to Mobile tab, and you need to add elements to header bottom to show it on mobile https://ibb.co/xqXg4tf

Regards,

The texts and sections are overlapping. I want the bottom header to be sticky. It is based on Scroll on the phone and tablet. The user can scroll its elements from right to left. Please help in solving this problem.

Attachments:

You must be logged in to view attached files.

Hi saadeldeen.mee,

The header looking well on my end, please purge cache and check again https://ibb.co/rpJDKXH

Regards,

When I found interference, I stopped it. Now it is working. You can take a look now

Hi saadeldeen.mee,

When you are on mobile, please use Mobile Menu element instead https://ibb.co/g3tB7F8

Regards,

My dear brother, the option you chose for me, I tried it and it did not meet the requirements. Please, Your Excellency, implement the appropriate method for us based on our work. Please make this list a sticky scroll on the mobile phone.

Hi saadeldeen.mee,

So, do you want to display list of icons in the mobile only? Please confirm me back.

Regards,

Yes, we want the bottom header to be a scroll on the phone and tablet, and it works well and harmoniously without interference, as shown in the previous image on the phone. We want the client to be able to scroll the sections from right to left smoothly.

Hi saadeldeen.mee,

Please add this code to the Theme Settings > Custom CSS > Custom CSS for Mobile:

.whb-col-mobile .wd-header-secondary-nav span.nav-link-text{
	font-size: 0;
}

Also, the bottom mobile menu can scroll, please add more items to check it.

Regards,

This only shows the icons. I want the icons to appear and the text of each section next to its icon. Here the client can scroll in the header between the right and the left. My dear, please reply so that I do not have to wait for another day.

Hi saadeldeen.mee,

Thanks for your patience.

Unfortunately, complicated customization is required to make it work, which is out of our basic support.

Thanks for understanding our limitations. Let me know if you have any questions.

Best Regards,

Dear, we only want to show the names of the categories next to the icons

Hi saadeldeen.mee,

Can you please confirm me back that you are referring to the bottom of mobile menu or bottom footer menu? this will allow me to thoroughly investigate and address your concerns more efficiently. https://ibb.co/5k8q3pb

Regards,

Yes indeed, the arrow in the picture that you referred to in the picture sent is correct. We want to show the names of the sections in the icons dialogue in the lower header of the phone as indicated in the picture by you.

Hi saadeldeen.mee,

1. I kindly recommend you to create HTML Blocks and use Marquee widget https://prnt.sc/aPD2FpQi27yI

Please refer below articles for more details: https://xtemos.com/docs-topic/html-blocks-usage/

2. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to Mobile tab and And add HTML / Block element and select created HTML / Block in #1 like the Top bar https://ibb.co/wpJwV7q

Regards,

I have added it successfully but I cannot scroll from right to left or vice versa. The list is fixed. I want to be able to scroll to see the rest of the sections.

Attachments:

You must be logged in to view attached files.

Hi saadeldeen.mee,

Please add this code to the Theme Settings > Custom CSS > Custom CSS for Mobile:

.whb-header-bottom .wd-marquee {
    overflow: scroll;
}

Regards,

Excellent, it works, but there is a problem. Each section is repeated twice. How can I solve this problem?

Hi saadeldeen.mee,

It’s not issue, it is how Marquee widget works.

Please add this code to the Theme Settings > Custom CSS > Custom CSS for Mobile:

.whb-header-bottom .wd-marquee-content:not(:first-child){
	display: none;
}

Regards,

It works perfectly on the phone as we want, but it does not move on the desktop and tablet. We want the bottom frame to be able to be moved from right to left, as it is activated on the phone, because we see that texts interfere.

Attachments:

You must be logged in to view attached files.

Hi saadeldeen.mee,

On the desktop or larger screens, all of items are listed so you don’t need to scroll it or you need to add more items.

Regards,

Here the elements do not appear fully in the header, so we are afraid to make them scrollable on the tablet and computer

Attachments:

You must be logged in to view attached files.

[Author]

Posts