My WordPress twentyseventeen website isn’t responsive on iPad or mobile

  • [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    Hi,

    I’ve finally finished developing my website but there is a thing I can’t figure out myself so was hoping someone can help me. My website is smakasnack.com (I have it still in maintenance mode but have deactivated the plugin to make it easier to help).
    My menu doesn’t seem to be responsive on iPad or mobile. The ipad version is almost the way I want both the mobile and ipad versions to look like. It shows the grey colour when hovering – but only on the categories that don’t have a drop-down menu and I would like all the categories in the menu to have the grey hover effect. It also shows the drop down menu for the categories that have it but only when you click far to the right – so if I can add a white arrow there to indicate to the customer where to click to see the drop down menu. What would be the CSS code to fix this?

    Thanks,
    Best regards,
    Cecilia

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

  • I’m not one hundred percent sure if I understand what you mean.
    But you want the drop down menu to have the same hover (grey) color like the main menu? The reason why it stays white is because the links in that drop down menu are not considered hover. Your mouse doesn’t hover them…

    If you want them all to be grey you simply use this CSS…

    .navigation-top li li a {
    color: #767676;
    }

    Thread Starter Cecilia Manalac

    (@smakasnack)

    Hi Djenci,

    Thanks for your message.
    Basically, I like the ipad look (goes grey when you’re hovering over it) so would like the mobile to be the same, it’s different now for some reason that I can’t figure out (it shows the grey colour when hovering – but only on the categories that don’t have a drop-down menu and I would like all the categories in the menu to have the grey hover effect like the ipad version). The only thing I would like to add to the ipad version before I make the mobile version the same is to add arrows to the right so it’s easier for customers to know there’s a drop-down menu and where to click for it to appear. Do you know the CSS for this?

    Thanks,
    Best regards,
    Cecilia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘My WordPress twentyseventeen website isn’t responsive on iPad or mobile’ is closed to new replies.