Before you ask please READ THIS

Photon mobile settings

Hey Guys,

so, if i scale my Website indenbaum.de to mobile, the logo covers the titel.
Any idea how to fix this?

greetings from germany :)

Comments

  • edited March 2017 Posts: 6
    So antoher problem appeared, i just see on my iPhone 6 the "Photon Logo" not my own one.
    In addition to that is the dropdown menu covering the Logo itself, it just does not look well and is harder to read.

    Any sollutions? :)

    Post edited by Indenbaum on
  • AirAir
    Posts: 10,970
    Hello there:-)
    Indenbaum said: the logo covers the titel.
    On this page for example http://indenbaum.de/preise/ add higher top space:

    image

    Indenbaum said: i just see on my iPhone 6 the "Photon Logo" not my own one.
    Change HIGH dpi logo: http://apollo13.eu/docs/photon/#!/customize_logo

    With kind rreagrds.
    ss-2017-03-27_11-35-13.png
    780 x 412 - 15K
  • Hey Air,
    thank you for your help but my logo-problem is not 100% solved.
    The solution with the Top Space Value did not worked out on the mobile version. The Logo is still hiding the titel. I even tried bigger values up to 600px...
  • AirAir
    Posts: 10,970
    My bad. On mobile it is fixed to 48px. Maybe instead we should make logo smaller on mobile?
    Try this custom CSS:

    @media only screen and (max-width: 768px) {
    #header .logo-container, #header .navigation-bar {
    max-width: 150px;
    }
    }
    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!