Recent
Categories
View Replies (2)

LifeStyle Logo not responsive on mobile devices

  1. Issue
0
Votes
Undo
  1. dirkoh
    dirkoh
  3. Commercial Templates
  4. Tuesday, 07 March 2017
  5.  Subscribe via email
Hello. I wrote the @media css code from

https://joomla51.com/tutorials/item/re-sizing-your-logo-for-smaller-screen-devices

in the template custom css field, but it doesn't works in portrait mode on iPhones.

Please help us.
Dirk
References
  1. http://www.beckmann-dachdeckerei.de
  1. Lifestyle
  2. logo
  3. responsive
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dirk

To amend try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 767px) {

#logo img {

    display: block;

    left: 0 !important;

    margin-left: 0 !important;

    max-width: 100%;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
dirkoh
dirkoh
Accepted Answer Pending Moderation
0
Votes
Undo
Thank's Ciaran, wonderful!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!