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

    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?
    – 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.

    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,


    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:


    Hi gianmarizzi, 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,


    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:

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


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

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

    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,

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

You must be logged in to reply to this topic.