Zerif: Problems with mobile layout

  • Hi guys – Im working in Zerif and have created a beautifull website. However it appears not to be working as well on any mobile device. The whole thing seemd squized together. The background image is only displaying partly, and the plug in I use for tools and approaches is large round circles filling up the whole screen. The employees is all on one row as well, instead of next to each other. Can somebody tell me how to correct this? I cant find it on google ??

    Website: https://www.offentlig.etikos.dk

    Best Regards

Viewing 4 replies - 1 through 4 (of 4 total)

  • Did you use a plugin for the background image too?
    I have “full background” installed and it works fine on my laptop but stretches the background image beyond recognition on any mobile device

    Hi, I just installed “Full Screen Background Image” plugin and now at least my background image is working

    Thread Starter adsjerreram

    (@adsjerreram)

    Well the background image is inheiret to to Zerif, so the plug in dosent work unfortunately – thanks for the advice though!

    I have read that I should change the size of the image – I think Ill try that. That dosent change the problem with the rest of the mobile layout – its too narrow so to say. Can anybody help me.

    Thread Starter adsjerreram

    (@adsjerreram)

    Ive solved the background image problem (at least on iphone 5) with the following code:

    @media (max-width: 767px){
    body.custom-background {
    background-size: 150% 50%!important;
    background-position:50% 110%!important;
    }
    .home .header {
    height: 250px!important;
    }
    .header-content-wrap {
    padding-top: 0%;
    padding-bottom:18%
    }
    .intro-text {
    font-size: 21px;
    }}

    I still need to solve the general narrowness of the rest of the frontpage though

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Zerif: Problems with mobile layout’ is closed to new replies.