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

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

Hi Ciaran I have emailed you the details.

Regards Tony

Hi Tony

Would you have a URL to your alternative logo?

Ciarán

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

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

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.

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

I will thank you very much for the help.

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