Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 24, 2020 at 10:18 am #1178061
    kunzi

    I need to add an image below the menu items in mobile menu. For desktop I’m using a custom widget that I added to header, but for mobile I need to add it inside the opening mobile menu. Is it somehow possible to do achieve that?

    January 25, 2020 at 9:13 am #1178282
    Rikard

    Hey kunzi,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 25, 2020 at 9:33 am #1178289
    kunzi

    Sure

    January 28, 2020 at 8:58 am #1178906
    Ismael

    Hi,

    Thank you for the update.

    You can add the image directly in a menu item. To do that, add a new item in your menu and replace the default Navigation Label with an img tag. Example:

    <img src="http://site.com/wp-content/uploads/2020/01/image.jpg" />

    Enable the CSS classes in the Screen Options, add “only_mobile” in the CSS Classes field, then use the following code in the Quick CSS field.

    @media only screen and (min-width: 768px) {
  .only_mobile {
    display: none;
  }
}

    This will hide the new menu item in desktop view.

    Best regards,
    Ismael

    February 4, 2020 at 1:51 pm #1181268
    kunzi

    Hi,
    Thanks for a solution. it’s ok, but it would be better if we could get the logo as a widget. We have this function in functions.php that changes the logo on certain pages. Do you think it’s possible to show certain widget (that has widget logic) in the mobile menu?

    February 4, 2020 at 2:56 pm #1181288
    Yigit

    Hey,

    Could you please try using a plugin such as this one – https://wordpress.org/plugins/shortcode-in-menus/?

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.