Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 4, 2015 at 9:35 am #482585
    simonac

    Hi,

    i have some problems on mobile view with my website.

    The logo has moved half behind the slider.
    The text “Hochzeitsfotografie, People- & Kindergartenfotografie” is cut of in Portrait mode.
    There is to much whitespace under the slider and on Kindle Fire HDX 7 the images does not seem to load.

    Regards, Simon

    August 4, 2015 at 5:03 pm #482831
    Elliott

    Hey simonac!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) {
.logo img { top: 0px !important; }
.home #after_layer_slider_1 { display: none !important; }
}

    As for the text, would you like to try reducing it’s size? It is a very long word and with no spaces / hyphens the browser will not break it into a new line.

    I don’t have a kindle to test on. Are you using the official Chrome browser?

    Best regards,
    Elliott

    August 5, 2015 at 9:49 am #483169
    simonac

    Thanks Elliot,

    how do i center the logo on mobile view and how do i add a little space under the logo so that isn’t so close to the silder?

    Thanks Simon

    August 5, 2015 at 11:32 am #483224
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive #top .logo img {
    margin: auto;
}
.responsive #top .logo {
    width: 100%!important;
}
#header_main .inner-container {
    height: 100px;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.