Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1115444

    Hello,
    I’m testing the layout of my website on different devices.
    I found this issues:
    – on iPad Mini in landscape mode I can’t see any menu, not even the burger one.
    – on iPad Mini the Fullwidth Submenu should turn into a burger menu but it doesn’t whether at 990 px or 768 px
    – on iPhone XR there is a big gap between the footer columns (top and bottom), is there a chance to edit it?
    Thanks.
    – on iPhone XR (portrait) I can’t set the special heading H1 with different size for mobile devices (and words too long go out of the viewport)

    • This topic was modified 1 year, 11 months ago by  gianmarizzi.
    #1115868

    Hey Gian Maria,

    Could you please clear the cache, check again and get back to us. I am seeing the burger all the time.

    Which special heading are you referring to?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1115997

    Hi Victoria,
    I’ve cleared the cache but it doesn’t help.
    I suppose you just resized the window of your browser but I think the output is not so reliable.
    You really should test it on an actual iPad mini.
    Btw, see the attachement for clarification: https://www.dropbox.com/s/jj2hkkyp7fwc10n/issue.jpg?dl=0

    #1116411

    Hi gianmarizzi,

    https://cl.ly/5da277ba7000 I am seeing both burger menu’s on ipad at 768px.

    Here is the css for the footer columns:

    
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive #top #footer .container {
          max-width: 100%;
      }
      #footer div .av_one_fifth {
        margin-left: 2%;
        width: 18.2%;
      }
      #footer div .av_one_fifth.first {
        margin-left: 0;
      }
    }
    

    Best regards,
    Victoria

    #1117053

    Thanks a lot.
    I can’t find benefit from your code.
    Maybe I didn’t explain myself clear.
    When on mobile, there’s a lot of space between my footer columns: https://www.dropbox.com/s/y6h58xrwgelylor/Cattura.JPG?dl=0

    • This reply was modified 1 year, 11 months ago by  gianmarizzi.
    #1117270

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    #footer .widget {
      margin:0;
    }
    }

    You also have this coming from your child theme style.css file:

    .widget {
        padding: 0 0 30px 0 !important;
    }

    We can’t override that since it’s using !important.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.