Recent
Categories
View Replies (4)

J51_Layla_J4: Mobile Logo is not responsive

  1. Issue
0
Votes
Undo
  1. crimle
    crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Sunday, 13 March 2022
  5.  Subscribe via email
Hi Ciaran

I am using J51_Layla_J4 Version 1.1.1. In contrast to your demo website, the mobile logo on my website does not respect the width of mobile screens. I admit that the logo may be a little bit oversized. But I would expect that the logo image width respects the width of the different mobile screens taking into account a certain padding. Exactly the way it does on your demo website. It is a mystery to me why it does not on my website.

Thank you and kind regards
Chris
References
  1. https://sommermorgen.ch/
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#logo {

    max-width: 100%;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
crimle
crimle
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Dr Drew
Dr Drew
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
In an associated question, can the Layla template logo hold an .svg image without issues, please?

Kind regards
Drew
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

You will be able to display an SVG logo however Joomla by default may not allow you to upload one due to security concerns with SVG

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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