Mobile Menu Toggle

  • simukaszs

    (@simukaszs)


    11 years, 10 months ago

    Hi. I’m almost finished building my site at http://www.simas3d.com the only thing which I cant get to work is the mobile menu toggle. I’m using “padhang” theme with some customization. The desktop version works fine and im happy with it, but on the mobile, i cant access the menu.. it just says “MENU” and doesnt do anything when i press it.. I tried googling wordpress forums for answer, but it’s kinda hard. I only have basics with programming, please help. 🙂

    p.s. i see the code in the style.css and it has all the commands for :

    /* Small menu */
    .menu-toggle {

    but it just doesnt do anything, so i guess the problem is elswhere.

Viewing 3 replies - 1 through 3 (of 3 total)
  • dbough

    (@dbough)

    11 years, 10 months ago

    Hi simukaszs,

    I’m not familiar with the this theme, but I see some other issues with the html:

    1. I don’t see a menu button at all.
    2. Your CSS files are linked in the body of the html instead of the head. While this is technically OK, you might miss loading a style before you need it (which could cause issues like this.)
    3. From the padhang Preview it appears as though the menu is wrapped in the below elements. I didn’t immediately see this on your site:

    <nav id="site-navigation" class="main-navigation" role="navigation">
			<h1 class="menu-toggle">Menu</h1>
			<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

			<div class="menu"><ul class=" nav-menu"><li class="current_page_item"><a href="http://wp-themes.com/">Home</a></li><li class="page_item page-item-2"><a href="http://wp-themes.com/?page_id=2">About</a></li><li class="page_item page-item-46 page_item_has_children"><a href="http://wp-themes.com/?page_id=46">Parent Page</a><ul class="children"><li class="page_item page-item-49"><a href="http://wp-themes.com/?page_id=49">Sub-page</a></li></ul></li></ul></div>
		</nav>
    Thread Starter simukaszs

    (@simukaszs)

    11 years, 10 months ago

    Hi and thanks for reply,

    Yes the 3. Is correct, if i remember correctly all that code is in header.php.

    As for 1. I dont know if there is a button but when i load the website on a phone it has a text ‘Menu’ instead of desktop menu but it doesnt do anything..

    Thread Starter simukaszs

    (@simukaszs)

    11 years, 7 months ago

    Hey. Could anyone help me making my website to be viewed as a desktop (full) only, on all devices. I dont want the mobile version on it.

    The website is http://www.simas3d.com
    i’m using a ‘padhang’ theme..

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile Menu Toggle’ is closed to new replies.