Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 6, 2017 at 3:11 pm #817290
    StudioNabuurs

    Hi,

    I almost finished a website with the Enfold theme (and I like how it works, it is great!).
    There is one last problem I hope you can help me with. The site looks great on PC, but is mobile version (tablet and phone) the right bit of the footer is not visible. Is there a solution to that? The concerning website is http://www.judithbolder.nl

    Thanks in advance,
    Monique

    July 6, 2017 at 4:34 pm #817338
    Jordan Shannon

    Hey StudioNabuurs,

    I’m not seeing an issue of it being cut off on the phone, but for tablets, the column width will have to be adjusted. Please add the following to quick css:

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {
    div .av_one_fourth {
    width: 29%!important;
    }
    }

    Best regards,
    Jordan Shannon

    July 6, 2017 at 4:43 pm #817344
    StudioNabuurs

    Thanks,
    I tried it but the fourth column is than placed below and still cut off (less than it used to be, but still cut off).
    I reversed it now to how it was

    • This reply was modified 8 years, 8 months ago by StudioNabuurs.
    July 6, 2017 at 4:55 pm #817354
    Jordan Shannon

    Hi,

    For this to work on the ipad one or two of the columns are going to have to be below. Those widgets are too wide to accommodate one row on an ipad.

    Best regards,
    Jordan Shannon

    July 6, 2017 at 9:49 pm #817510
    StudioNabuurs

    Ok, maybe I have to decide to make it 3 widgets.
    Thanks for your help!

    July 6, 2017 at 11:02 pm #817523
    Jordan Shannon

    Hi,

    Yes that would help. Let me know if that works for you.

    Best regards,
    Jordan Shannon

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