1. tony1014
  2. Commercial Templates
  3. Sunday, 29 June 2014
  4.  Subscribe via email
Hello I am really struggling trying to get the mobile component of the template to resize properly in Calibra, any help would be greatly appreciated. On some pages the menu will appear and work on a mobile device on other pages it wont and the logo always slides over to the right. I have tried the numerous suggestion throughout the forum but at this stage nothing seems to work.

flowersstgermain.com

Thank you
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tony

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine these issues 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. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I will thank you very much for the help.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We have disabled jQuery in your slideshows modules parameters which has resolved the issue with the mobile menu. jQuery is already loaded by Joomla.

To better style your logo on smaller screen devices we have added the following to your Custom CSS field...


@media only screen and (max-width: 1024px) {
.logo_container {
margin: 0 auto;
}
.logo a {
left: 0;
}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much for the very quick help Ciaran its looking heaps better. Is there a way to make the mobile portrait mode load an alternate smaller logo, then i can resize one to fit as it just misses out fitting the entire logo in to the screen.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tony

You could try adding something like the following to the Custom CSS field of your templates parameters where '#' is the URL to your smaller logo image. This will only effect mobile phone size screens...


@media only screen and (max-width: 767px) {
.logo img {
display: none !important;
}
.logo span {
background-image: url("#");
height: 150px;
width: 300px;
}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran sorry to re visit this. No matter what I do I can't seem to get this working. If I add the code or any variation to the custom CSS of the template all it appears to do is stop the background from showing but seems to have no effect otherwise. If I add it to the custom CSS for the responsive options of the template it does nothing. I have created a smaller logo which sits inside the logo folder under images.

This only effects portrait view on a mobile and whilst I know its only a small part of the entire website it is causing me substantial grief as alot of viewing is done on mobile phones. Is there any chance you can have a quick look at this please.

Regards Tony
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tony

Would you have a URL to your alternative logo?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran I have emailed you the details.

Regards Tony
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Tony

We have added the following to your Custom CSS field and your logo is now changing over the smaller version on smaller screen devices...


@media only screen and (max-width: 767px) {
.logo img {
display: none !important;
}
.logo span {
background-image: url("http://flowersstgermain.com/images/logo/logo-small.png");
background-repeat: no-repeat;
height: 150px;
width: 300px;
}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
That is great thank you so much Ciaran. I'm not sure why that wouldn't work for me but anyway thank you once again. I must say your service is above and beyond, you really should be commended for how promptly and efficiently you deal with these issue. Many thanks and I will check it out.

Regards Tony
  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!

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.