Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 10, 2014 at 9:24 pm #277193
    djshortkut

    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/

    June 11, 2014 at 5:26 am #277363
    Ismael

    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

    June 19, 2014 at 5:12 pm #281258
    djshortkut

    Resolved

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