Home › Forums › WoodMart support forum › We are facing a problem with the bottom frame on the phone

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

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 28, 2024 at 4:34 pm #608145

    saadeldeen.mee
    Participant

    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.
    October 29, 2024 at 9:02 am #608275

    Hung Pham
    Keymaster

    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,

    October 29, 2024 at 10:22 am #608307

    saadeldeen.mee
    Participant

    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.
    October 29, 2024 at 1:40 pm #608399

    Hung Pham
    Keymaster

    Hi saadeldeen.mee,

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

    Regards,

    October 29, 2024 at 2:01 pm #608411

    saadeldeen.mee
    Participant

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

    October 30, 2024 at 8:34 am #608589

    Hung Pham
    Keymaster

    Hi saadeldeen.mee,

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

    Regards,

    October 30, 2024 at 9:27 am #608612

    saadeldeen.mee
    Participant

    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.

    October 31, 2024 at 10:50 am #608909

    Hung Pham
    Keymaster

    Hi saadeldeen.mee,

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

    Regards,

    October 31, 2024 at 3:24 pm #609043

    saadeldeen.mee
    Participant

    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.

    November 1, 2024 at 12:08 pm #609222

    Hung Pham
    Keymaster

    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,

    November 1, 2024 at 1:04 pm #609237

    saadeldeen.mee
    Participant

    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.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)