Menu above built with this plugin including Mega Menu.

menu on mobile layout error

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Featherstone 2 weeks, 5 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #60704 Reply

    Tom

    Hi,

    Menu error on mobile: additional text seems to be behind menu items on mobile. This is only for the guides section on mobile. Please see image https://whichmortgage.ie/wp-content/uploads/2019/06/Screenshot-2019-06-27-at-15.48.00.png

    Best Regards,
    Tom Garett
    UX Digital Executive
    Penco Group

    #60705 Reply

    Hey Tom,

    I’ve just been on your site and don’t see this behaviour happening.

    Please tell me how I can reproduce it so I can diagnose the issue.

    All the best

    Peter

    #60845 Reply

    Tom

    Hi Peter,

    If you open the menu in inspect mode and change the width of the screen to 375 px or below, the text of the menu items in the guides section breaks. I believe there is not enough space for the full title within the menu so it shifts over to the next line.

    Best Regards,
    Tom Garrett
    UX Digital Executive
    The Penco Group

    #60865 Reply

    Hey Tom,

    Does the below Custom CSS help:

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a {
       height: auto;
    }

    Please let me know

    Peter

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: menu on mobile layout error
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed