› Rooms › Header/Footer › Overlapping menu on iPad

Tagged: , ,

Viewing 1 reply thread
    • 26 May 2022 at 5:22 pm #3542
      Dee Zynah
      Participant
      @dee
      DiviCom Participant Badge
      Up
      0
      Down
      ::

      My client told me the Menu is overlapping on her iPad. She said BLOG is appearing on a separate line. I know I should add a media query to fix this but not sure how to write it. I am using the DIVI theme builder global header. Could someone please help me? I searched in the group and couldn’t find anything. Thanks in advance.

      HOME

    • 26 May 2022 at 5:24 pm #3543
      Terry Hale
      Keymaster
      @mizagorn
      DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
      DiviCom Keymaster - Overgosh
      Up
      0
      Down
      ::

      Looks like she’s seeing it when in landscape mode, which is showing the full menu.

      1) Reduce padding between menu items to 7px each side.

      Attachments:
      • 26 May 2022 at 5:25 pm #3545
        Terry Hale
        Keymaster
        @mizagorn
        DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
        DiviCom Keymaster - Overgosh
        Up
        0
        Down
        ::

        2) Reduce padding on menu item anchors with children to 15px.

        Attachments:
      • 26 May 2022 at 5:25 pm #3547
        Terry Hale
        Keymaster
        @mizagorn
        DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
        DiviCom Keymaster - Overgosh
        Up
        0
        Down
        ::

        3) Then your iPad landscape view should look like this (according to Firefox… I don’t have any Apple products).

        • This reply was modified 9 months, 4 weeks ago by Terry Hale.
        Attachments:
Viewing 1 reply thread
  • You must be logged in to reply to this topic.