• Resolved MeganTheDesigner

    (@meganthedesigner)


    Hi,
    I just finished up my site using the Lugada theme to start off with and it does not look right on my iPhone. It only takes up half the screen. It looks as if it does go to mobile version (having the dropdown menu instead of the full), but it is obviously not working correctly.

    Here is my site.

    If anyone has experienced this before and was able to fix it, or if anyone knows what to do, I would appreciate any help I can get with this.

    Thanks in advance!
    Cheers

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section of the dashboard named, “Custom CSS”, “Custom CSS Manager” or “Edit CSS”, or are you using a Child Theme?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you don’t, install this Custom CSS Manager plugin and use its section of the dashboard to hold this code:

    @media only screen and (max-device-width: 480px) {
     .rowheader {
      min-width: auto;
     }
    }

    Thread Starter MeganTheDesigner

    (@meganthedesigner)

    Hi there,
    This seemed to work for the most part except I needed to put ‘min-width: 320px’ instead of auto. The only thing is, now on the home page, there is a huge amount of space between the slider at the top and the beginning of the content where it says “welcome!” (on the iPhone). Any ideas how to fix that?

    And thank you so much for helping me ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this:

    .flexcontainer {
     height: auto;
    }

    To the same media query.

    E.g:

    @media only screen and (max-device-width: 480px) {
     .rowheader {
      min-width: 320px;
     }
     .flexcontainer {
      height: auto;
     }
    }

    Thread Starter MeganTheDesigner

    (@meganthedesigner)

    Excellent! That worked. Thanks so much again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lugada theme not working on iPhone.’ is closed to new replies.