Recent
Categories
View Replies (10)

Habitat Logo and Slogan Responsive

0
Votes
Undo
  1. EFH
    EFH
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 12 February 2015
  5.  Subscribe via email
Hi there,

How do i centre the logo and slogan for mobile portrait and landscape, it's not displaying correctly.
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The following Custom CSS should help in better aligning your logo on smaller screen devices...


h1.logo-text a {

    left: 0;

}

p.site-slogan {

    line-height: 12px;

    left: 0;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi there,

This code simply does not work for responsive mode. My business name is quick long, that's why it needs to be centered and the slogan sits on top of each other in mobile portrait but in landscape it seems to far away under the business name.

I have attached the images.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
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 this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
here is the url: http://justweddingentertainment.com.au/joom3
  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
Hello

We are unable to see the suggested CSS in your source?

Could I ask you to try the following...


p.site-slogan {

    font-size: 9px;

    left: 0;

    line-height: 12px;

    white-space: pre-line;

}

h1.logo-text a {

    left: 0;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi there,

I have placed the code below in Custom CSS but nothing has changed. It still appears the same on mobile device.
  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
Hello

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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

We have removed the following from your Custom CSS field. Your slogan appears to be now displaying correctly.


p.site-slogan {

    font-size: 9px;

    line-height: 4px;

    white-space: pre-line;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you but it is still not appearing correctly on mobile, responsive devices, portrait and landscape.
  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
Please offer details.. in what way it is not displaying correctly for you?

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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok