Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #277193

    I have 3 formatting issues that I need help resolving:

    1. On my iPad in portrait mode, the homepage slider looks like it’s being overlapped with the header because part of the image is cut off. (See image)
    2. This is also happening on the page in which I have the masonry gallery on. The top of the images are clearly being overlapped by the header. (See image)
    3. The third issue has to do with landscape mode on the iPhone. the images and text are not lined up correctly only in landscape mode. (See image)

    The first 2 issues seemed to show up after centering the logo on the iPad
    https://kriesi.at/support/topic/center-logo-on-ipad/

    #277363

    Hey kevinjsutton!

    Thank you for visiting the support forum.

    1.) Please add this on Quick CSS or custom.css to fix the slider on iPad view:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 195px;
    }
    }

    2.) Try the suggestion above, might fix this one too.

    3.) We already fixed this one on the other thread that you posted. Remove this line of code on the Quick CSS:

    .responsive .mobile_slide_out .logo {
    left: 40%;
    }

    Add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_slide_out .logo {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    }
    }

    Best regards,
    Ismael

    #281258

    Resolved

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘More Formatting Issues’ is closed to new replies.