I have updated my template and still the issue is not resolved for a mobile device. Can anyone help out?

Hello

Firstly ensure that the Responsive Layout option is enabled in your template settings (General -> Responsive Options).

To reduce the size of your logo text on smaller screens you can also add the following to the Custom CSS field (General -> Custom CSS)...

Edit to taste

@media only screen and (max-width: 767px) {

.logo h1 a {

    font-size: 42px;

}}

Ciarán

Hello

If the above CSS is effecting anything besides your logo then I suspect syntax error. Have you definitely copied the CSS exactly as it appears above? Tried placing it at the end of your Custom CSS field?

Ciarán

Thanks so much it worked.

Awesome support.

Hi Ciaran

I have put the code in the custom CSS and it has fixed the header part to resize on a mobile phone but then it removes the styling for other modules I have created throughout. I also cannot get the images in the slider which is included in the template options to render responsive in certain media. I have tried alot of things? Please anyone?