misaligned logo in mobile mode

Hey @lucilafreire

You can add the following CSS to your site and see if it works:

@media screen and (max-width:768px){
    #site-title a{
    font-size: 30px;
}
}

To apply the custom CSS follow the link :
https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Best Regards,
ThemeGrill.

The code did not work. It did not align (centralized the logo) the logo. It just changed the title of the site.

Hey @lucilafreire

It is working perfectly in my end did you insert the code correctly.
Here, is the screenshot of your site-title working fine on my end.
https://www.awesomescreenshot.com/image/5214787/3ecf80e3d258796133ccfdaa95e606f3
You can try again and copy the exact same code and see.

Thank you!

• This reply was modified 4 years, 3 months ago by Jan Dembowski.

@rohitkc32 Do not use short links in these forums, that has been abused in the past and is expanded when found. I have expanded yours.

I know that site gives you TinyURL shortlinks, perhaps switch to https://snipboard.io/ instead?

my dear, the past CSS code is not working to centralize the title and logo in the cell version. The link you provided shows that you are misaligned. Be yourself. The logo is on the left rather than in the center. In the computer version, it is perfectly aligned, but in the cellular version it is not. Please help me.

Alguem pode me ajudar? Postei matérias no site hoje pela manh? e estou tentando respostar as materias de destaque e elas n?o aparecem de jeito nenhum. O que pode estar acontecendo??

Hi @lucilafreire
I couldn’t access your site on my end whilst trying to diagnose the issue. Please let me know if you fix the issue or are you still facing the same query!
Regards

Hi @danunes
I couldn’t find your query here on the forum, I might’ve missed it. So could you start a new topic here on the forum with your issue and along with the site URL so that I can help you with your issue!

Dear, the problem continues. I will disable seeprod for you to diagnose the problem. The colormag theme has presented several problems about misalignment. We need a solution for this. I count on your help to resolve.

Hi @lucilafreire
Could you try the following CSS code and see if that resolves your issue?

#header-left-section{
	float:none;
	text-align:center;
}
#header-logo-image,#header-text
{
        float:none;
	padding:none;
}

Let me know if this works!
Regards

The code aligned in cellular mode, but shifted the logo in the computer version. I want the logo and the title to be aligned, but positioned as in the demo version, that is, to the left in the computer mode and centralized in the cellular version.

Hi @lucilafreire
I have responded to you in the live chat ??
Regards