Text box to include header menu (mobile version)

  • guineadd

    (@guineadd)


    5 years, 1 month ago

    Greetings community!
    A special shoutout of appreciation to those that may want to assist me, because I am quite new to customization.

    I am optimizing a wordpress hosted website for mobile devices. In order to avoid endless scrolling and to filter some of the content, I would like to add a text box, or container at the top of the main page to include my header top menu, which includes some dropdown items.

    I do not know if that is directly possible through the text box edit options that the wordpress editor offers. If it is not possible, I would greatly appreciate some help with the css/html code in order to include this menu. My guess is that I would have to code the dropdown items into the text box/container in order for them to be shown after a finger tap.

    I am including a link showing what I have in mind for creation. Menu example

    Thanks to everyone willing to assist me, in advance!
    Best regards.

Viewing 1 replies (of 1 total)
  • guzmanariel525

    (@guzmanariel525)

    5 years, 1 month ago

    Greetings,

    When I first started out, articles like the one below really helped. You can make a “mobile menu” in the WordPress admin then include the code referenced in the article (replacing with your menu name) in the header.php. One thing to note, your drop-downs might not work or they will, but this is dependent on your theme. If they don’t there are a ton of articles and tutorials on creating mobile drop-downs. You can target menu items that have dropdowns by using the class WordPress gives those menu items named ‘menu-item-has-children’ and go from there. If you need more guidance on that, let me know.

    https://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/

Viewing 1 replies (of 1 total)

The topic ‘Text box to include header menu (mobile version)’ is closed to new replies.