Home › Forums › WoodMart support forum › Setting up a mobile version of the site

Setting up a mobile version of the site

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • May 24, 2019 at 10:22 am #125537

    Evgeny Sviridov
    Participant

    Help me please! My search button on the mobile version of the site does not work. Clicking on it re-opens the menu.

    Attachments:
    You must be logged in to view attached files.
    May 24, 2019 at 11:51 am #125554

    Elise Noromit
    Member

    Hello,

    The mobile menu has a search option built in. That is why the search icon calls the mobile menu. You can use the search element as the form.

    Best Regards

    May 27, 2019 at 8:20 am #125885

    Evgeny Sviridov
    Participant

    Is it possible to make it so that when you click on the search icon below, the search form pops up? How this is implemented here on this site: https://ohbeautybar.ru/. (I attach a screenshot).

    Attachments:
    You must be logged in to view attached files.
    May 27, 2019 at 10:22 am #125910

    Elise Noromit
    Member

    Hello,

    No, there is no such option. The search may be as a drop-down form or full-width form.

    Best Regards

    May 27, 2019 at 11:12 am #125914

    Evgeny Sviridov
    Participant

    How can I make a search in the form of a drop-down form?

    May 27, 2019 at 12:00 pm #125926

    Elise Noromit
    Member

    Hello,

    Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Add the search element and choose “icon”. When hovering the icon the search form would appear as a drop-down.

    Best Regards

    May 27, 2019 at 1:09 pm #125950

    Evgeny Sviridov
    Participant

    As I understand it will not work on the mobile version of the site, on the mobile version when you click on the search icon, the mobile menu will open, right?

    May 27, 2019 at 1:51 pm #125961

    Elise Noromit
    Member

    Hello,

    On the mobile version, you need to chose the form view, not an icon. You need to disable search in mobile menu element.

    Best Regards

    May 28, 2019 at 6:24 am #126033

    Evgeny Sviridov
    Participant

    Perhaps we do not understand each other. I want the mobile version of the site when I click on the search icon, to display the search string, and not the mobile menu. I turned off the search in the mobile menu and I got two absolutely identical in its functionality menu buttons and search, when I click on them, the mobile menu opens.

    May 28, 2019 at 8:23 am #126049

    Elise Noromit
    Member

    Hello,

    I understand your purpose. It is not possible to do in the way you want. When you add the search to the mobile view of the header it will call the mobile menu even though you have disabled it in the mobile menu.

    We have added search form into the mobile menu only to show the search form. It is not possible to disable calling mobile menu clicking on the icon.

    Best Regards

    May 28, 2019 at 8:36 am #126055

    Evgeny Sviridov
    Participant

    If I understand everything correctly, it is enough for me to turn on the search form in the mobile menu and in fact the search icon will be unnecessary in the header of the mobile version of the site, since it will duplicate the menu functionality, and the search will be in the mobile menu, right?

    May 28, 2019 at 11:04 am #126077

    Elise Noromit
    Member

    Hello,

    That is right. If you enable the search in the mobile menu it will be shown.

    Best Regards

    May 28, 2019 at 12:19 pm #126094

    Evgeny Sviridov
    Participant

    Thank! With the search, I figured it out. Now I need to remove the “desire” item from the mobile version of the menu. Please tell me how can I do this?

    Attachments:
    You must be logged in to view attached files.
    May 28, 2019 at 1:59 pm #126103

    Elise Noromit
    Member

    Hello,

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

    body .site-mobile-menu .menu-item-wishlist {
display:none;
}

    Best Regards

    May 29, 2019 at 8:02 am #126194

    Evgeny Sviridov
    Participant

    Fine! I’ve got one more question. Can I make an icon and a phone number below the mobile menu? (screenshot 1). How it is implemented here on this site: https://ohbeautybar.ru/. (screenshot 2).

    Attachments:
    You must be logged in to view attached files.
    May 29, 2019 at 9:46 am #126214

    Elise Noromit
    Member

    Hello,

    There is the Area after mobile menu in Appearance > Widgets.

    You can insert a text block with the code or HTML widget with your HTML block containing the icon and phone number.

    Best Regards

    May 29, 2019 at 11:14 am #126237

    Evgeny Sviridov
    Participant

    Thanks for the help, you helped solve my problem.

    May 29, 2019 at 11:42 am #126253

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘Setting up a mobile version of the site’ is closed to new replies.