Recent
Categories
View Replies (10)

Logo not responsive in Lifestyle

0
Votes
Undo
  1. inosof
    inosof
  3. Commercial Templates
  4. Tuesday, 20 October 2015
  5.  Subscribe via email
Hello,
It looks like the addition of the following in custom css helps a number of people. However, I have tried on on Lifestyle (installed on my desktop), the logo is still not responsive. Any suggestions?

I tried putting it in "Responsive Option" tab and the "Custom CSS" tab. Didn't work. I tried editing custom.css in the template directory as well. Still nothing works. Any ideas?

@media only screen and ( max-width: 767px ) {
h1.logo a {
background-size: 400px auto;
}}

@media only screen and (max-width: 440px) {
h1.logo a {
background-size: 300px auto;
}}
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your logo within the Lifestyle template?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
inosof
inosof
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
Thanks for a quick reply.

Here you go.

<img style="display: block;" src="/nwcc15/images/nwcc/NWCC-yellow-on-purple-x90.png" alt="Logo">


Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
inosof
inosof
Accepted Answer Pending Moderation
0
Votes
Undo
Perhaps a slightly different question...

Is it possible to have an alternate logo for phone?
  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
Hello

Would you have a URL to an example of your logo within the Lifestyle template (Eg: http://www.yoursite.com/)?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
For details on replacing the image on smaller screens may I suggest the following post.. http://www.joomla51.com/forum/8-commercial-templates/6365-lifestyle-mobile-template-logo#14451

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
inosof
inosof
Accepted Answer Pending Moderation
0
Votes
Undo
Ciarán,
I tried the alternate logo method as you prescribed, it does not work. Here's the code in custom.css

@media only screen and (max-width: 767px) {
h1.logo a {
background-image: url("images/nwcc/NWCC-black-and-white-x60.png";);
}}

Any other suggestions?

Thanks,
ino
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ino

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Peters
Peters
Accepted Answer Pending Moderation
0
Votes
Undo
Hello,

i have the same problem. Do you have a solution for the problem?

Many thanks
Verena
  1. more than a month ago
  2. Commercial Templates
  3. # 8
inosof
inosof
Accepted Answer Pending Moderation
0
Votes
Undo
Verena,
I abandoned my attempt at using Lifestyle because of this issue. Hence no resolution.

Madison is an attractive alternative.

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

If you wish you can send temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email along with a URL to your replacement logo image.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


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