Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 3, 2019 at 11:45 am #1115444
    gianmarizzi

    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 5 years, 5 months ago by gianmarizzi.
    July 4, 2019 at 7:48 pm #1115868
    Victoria

    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

    July 5, 2019 at 10:12 am #1115997
    gianmarizzi

    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

    July 7, 2019 at 11:00 am #1116411
    Victoria

    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

    July 9, 2019 at 1:37 pm #1117053
    gianmarizzi

    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 5 years, 5 months ago by gianmarizzi.
    July 10, 2019 at 5:15 am #1117270
    Rikard

    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

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