Home page issues with iPhone 6

  • Resolved Tipsographic

    (@stegala)


    9 years, 8 months ago

    Hi everybody.

    First of all thanks for the amazing theme. I’ve got the free version but planned to switch to pro as soon as a few bucks get in.

    Under Customizr my website runs smoothly on any OS and device, but on iPhone 6.

    Only on iPhone 6 I’ve got 3 issues – home page only, the other pages work fine ( https://www.cycletoscana.com/en/ ):

    – navbar doesn’t resize and you have to scroll all the way right to get to the menu (doesn’t work well too).

    – no “Back to top” arrow.

    – images resize into wired shapes, no square as they’re supposed to.

    I’ve no plugin such Jetpack installed.

    I’m pretty sure I’ve screwed child CSS somewhere but I can’t really find where.

    An help on the matter would be highly appreciated.

    Thanks a lot
    Ste

    (again, I’m more and more convinced Customizd is the best free responsive theme on WP right now)

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

  • Hello,
    I think the most of the issue you have (except the back to top arrow) are due to html like this you have in your page:
    <div id="x7GoLz" class="row wr_fullwidth" style="-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;width: 100%;padding-left: 1000px;padding-right: 1000px;margin:0 -1000px;background-color: #CC3300;padding-top:10px;padding-bottom:10px;">

    which is.. printed by that shortcode plugin you’re using? Or is a custom inline css you put there?
    (basically those padding and margin values)

    What you can do, IMHO, as temporary “patch” while you look for a better solution, is to prevent that with:

    @media (max-width: 767px) {
  .row.wr_fullwidth {
    padding: 0 !important;
    margin-right: 0!important;
    margin-left: 0 !important;
  }
}

    hope this helps

    Thread Starter Tipsographic

    (@stegala)

    Hello,

    Thank you so much, the “patch” works perfectly!

    As you said, though, it’s temporary, I must clean up html.

    Since I’m not properly a coder, the shortcode plugin in question helps me to speed things up but it leaves all these nasty extra rows around.

    Once more, thank you hips!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Home page issues with iPhone 6’ is closed to new replies.