Recent
Categories
View Replies (6)

Lifestyle and logo on mobile devices

0
Votes
Undo
  1. Stephanie
    Stephanie
  3. Commercial Templates
  4. Friday, 16 January 2015
  5.  Subscribe via email
Hi,

I am trying to make this look better:
http://www.ingridvanderwal.nl/joomla/

I now have the logo on position 0 0 in the template. I want to move it to the left and up later, so it doesn't mix with the menu. How can I move the menu to the right or left?

Second question is why does my logo disapear on mobile devices. I have look around here and found some custom CSS, but it doesn't work.

Thanks in advance.
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To move your logo to the left try adding the following to the Custom CSS field of your templates parameters...


#logo {

    left: 0;

    width: 180px;

}


Is there a particular device which your logo is not showing? On all mobile devices that we have checked your logo appears to be displaying ok.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Stephanie
Stephanie
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, works great again. I don't know what happened, now I can see my logo on mobile as well. The only thing is that now it's cut off, not the full height.

Can you also tell me how to move the menu to the left?
  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
Hi Stephanie

Try also adding the following to the Custom CSS field of your templates parameters...


.logo {

    overflow: visible !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Stephanie
Stephanie
Accepted Answer Pending Moderation
0
Votes
Undo
Yes! Thank you.

I found out how to move the menu to the left in another topic ;-)

.hornavmenu {
left:-200px;
top: 0px;
}

But... now I see that it doesn't work on mobile anymore. Do you have a suggestion for me?
  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

Try adding the following to your Custom CSS field instead...


#hornav {

    text-align: left;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Stephanie
Stephanie
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, it works great! Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • 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