Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 1, 2015 at 12:15 pm #437985
    Amselus

    Hi,

    first of all, great theme and your Forum work, really great stuff. I have found so much helpfull content over the time. Great great work.

    For my acutal project I have some quetsions/issues I hope you can help.
    As you see on the website, the logo should be vertical in this size, more height than width. So it must have bigger size, that we can read the text below the logo.
    I have it adapted via Quick CSS, that it float into the layer and dissapear if i scroll down.
    Unfortunately this styling works on iPad oder iPhone (6, iOS 6), i think also on other mobile devices (like Android Tablets).

    How I have to style the logo, that it dissapear also on the mobile devices when i scroll down?
    How can I configurate it, that it minimize automatically to the correct screen size?

    Thanks in advance.
    Regards
    Andreas

    May 4, 2015 at 5:44 am #438719
    Rikard

    Hi Amselus!

    I’m not entirely sure I understand what you are trying to achieve, do you want the header to be larger so that the logo fits within that area? If you could provide us with screenshots highlighting your intentions it would help a lot.

    Cheers!
    Rikard

    May 4, 2015 at 8:56 am #438763
    Amselus

    Hi Rikard,

    thanks for your Feedback.

    The desktop Version of the Website is OK,
    – logo has the correct size
    – logo has a space between top header ending and logo
    – logo disappear when i scroll down

    For the iPhone and iPad Version I have the problem, that the logo is too big, and the logo not disspaears if i scroll down.

    How can I customize it via Quick CSS, that the logo

    – dissapears in the mobile version if i scroll
    and
    – have a different size?

    I hope you can support.

    May 4, 2015 at 8:57 am #438765
    Amselus

    In the first message you find the link to the website, it is private.
    Thanks in advance.
    Regards
    Andreas

    May 5, 2015 at 5:09 am #439501
    Rikard

    Hey!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive .logo img {
  max-height: 80px !important;
}
}

    Please adjust the 80px value to suit your taste.

    Best regards,
    Rikard

    May 13, 2015 at 9:11 am #443643
    Amselus
    This reply has been marked as private.
    May 13, 2015 at 3:52 pm #443781
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .header-scrolled .logo { pointer-events: none; }

    Regards,
    Yigit

    May 13, 2015 at 4:57 pm #443839
    Amselus

    Great Support, great Team, great Theme.
    Works.
    Thank you so much.

    May 13, 2015 at 5:09 pm #443850
    Yigit

    Hey!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo Styling Problems on mobile Devices’ is closed to new replies.