Recent
Categories
View Replies (4)

Enlighten - textbased logo on mobile devices

0
Votes
Undo
  1. ullidalli
    ullidalli
  3. Commercial Templates
  4. Tuesday, 30 September 2014
  5.  Subscribe via email
Hi,
I have read the tutorial and various posts on resizing the logo on mobile devices and tried the various solutions but to no avail. Perhaps not working because I have textbased logo? What to do, logo runs beyond screen and also creates sideways scrolling effect.
Site : http://www.dan-expo-oversaettelse.dk/

Help much appreciated!
Responses (4)
ullidalli
ullidalli
Accepted Answer Pending Moderation
0
Votes
Undo
Perhaps I should add:

Under "Response options" I added
@media only screen and ( max-width: 767px ) {
h1.logo-text a {
font-size: 36px;
}}
and
@media only screen and ( max-width: 440px ) {
h1.logo-text a {
font-size: 36px;
}}

in the respective custom css fields
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Your CSS appears to be working fine however you may need to reduce the font size a little more as it is still to large. In particular with your smallest screen size (440px).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ullidalli
ullidalli
Accepted Answer Pending Moderation
0
Votes
Undo
I have reduced the font size in the responsive custom css - looks great now, thanks a million :) .... Might have worked that one out for myself if I had used my brains... However, newbie to Joomla 3 and "big" templates, so it´s all a bit overwhelming. :blink:
  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
You had all the hard work done.. just a slight overlook :)

Thank you for the update.

Ciarán
  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!