Responsive menu doesnt work

  • Resolved marisa22

    (@marisa22)


    9 years, 10 months ago

    Hi everyone!

    I am new in wordpress and the most things are working, but now i have a big problem..i use the twentytwelve theme and the responsive menu was working at beginning without troubles. After working a while, the menü suddenly isnt working anymore. First the menu button was only shown but it wasnt possible to click on it. Now i changed something in the header.php and so now the list of menu points come down but you dont see something. So that means that the menu is working but the names of the navigation sides arent displayed – so you just see a white space where you can click on it.. Does anyone know how I can change this?

    Please help me, you would save my life!

    Best greets

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator cubecolour

    (@numeeja)

    Did you edit any of the theme files at all before it stopped working?

    Please provide a link to your site.

    Thread Starter marisa22

    (@marisa22)

    Yes i did, but I cant say when exactly it stopped working, cause I didnt check this function regularly

    Here is the link to the side:

    Thread Starter marisa22

    (@marisa22)

    https://webprojects2.fh-hagenberg.at/medicalbalance/Filezilla_wordpress/

    Moderator cubecolour

    (@numeeja)

    It looks like the menu items are there, however they are white on a white background.

    You can see them if you add this to your stylesheet:

    #menu-hauptmenue.nav-menu.toggled-on .menu-item a {
	color: #000;
}

    It looks like you have several possibly unnecessary styles and scripts loading (eg there seem to be four copies of font awesome loaded) so it may be worth evaluating which ones you actually need.
    The best way to customise a theme such as twenty twelve is to create a child theme rather than editing the theme files directly.

    Thread Starter marisa22

    (@marisa22)

    Thank you – it is working now!!

    Yes wasnt the best idea to change the code in the theme files directly, thank you – i will change it for the next projects!

    One question is still open now..now the menü shwos everything and it doesnt look good…is it possible to make this menü also more organized? Like the normal menü…so that there isnt just standing all among each other. I think the standard theme had also a design as it worked, can I connect these somehow?

    Best greets

    Moderator cubecolour

    (@numeeja)

    Do you mean you want to retain the hierarchy so parent items are shown differently to child (submenu) items?

    If so you can use separate rule to style the parent & child menu items

    eg:

    #menu-hauptmenue.nav-menu.toggled-on > li.menu-item > a {
background: #eee;
display: block;
text-decoration: none;
font-size: 18px;
}

#menu-hauptmenue.nav-menu.toggled-on li li.menu-item a {
font-size: 14px;
text-decoration: none;
}

    This probably isn’t quite the style you’re looking for, but it should give you an idea for how to target the elements.

    Thread Starter marisa22

    (@marisa22)

    I dont know who you are but your helpfullness is inspiring me!! That is exactly what i looked for, thanks a lot!!

    Thread Starter marisa22

    (@marisa22)

    So now i have again a question to the menu…hopefully the last ??

    the responsive menü works great – thanks a lot again! The problem now is, that it isnt possible to click on the menü button when I am using a smartphone…I can see the button but I cant open it.

    Do you have any idea?

    Best greets

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Responsive menu doesnt work’ is closed to new replies.