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

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.

Hello

Would you have a URL to an example of this issue?

Ciarán

here is the url: http://justweddingentertainment.com.au/joom3

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

Hi there,

I have placed the code below in Custom CSS but nothing has changed. It still appears the same on mobile device.

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

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

Thank you but it is still not appearing correctly on mobile, responsive devices, portrait and landscape.

Please offer details.. in what way it is not displaying correctly for you?

Ciarán