[Destino Nzonzidi]

Dear Theme Horse Support

Please assist me with the following

1. How to resize the logo?

2. I need my logo to be on the middle of the screen on mobile phone not on the corner as it is now.

3. I also need to be able to resize my post title when I see it it is to big. Resize it individually.

Please help me

https://www.kinzonzi.net/

[Theme Horse Support Team]

Hi Destino Nzonzidi,

You can upload the logo of the exact size you want or reduce the size through Custom CSS code then please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.navbar-brand {
	max-width: 250px;
}

To make the header content center please go to the same Additional CSS field as mentioned before and paste the below Custom CSS code.

@media (max-width: 991px) {	
	.navbar-head .navbar-head-row {
		flex-direction: column;
	}
	.navbar-head .navbar-head-row > * {
		width: auto;
	}
}

To change the size of the Post Title please go to ‘Appearance > Customize > Typography > Font Size’ and change the size of ‘Post/Page Title’

[Destino Nzonzidi]

Please double check the codes, they do not look accurate. I pasted them and nothing changed

[Theme Horse Support Team]

Sorry, we have made a minor change to the code. Please paste the updated code again.

Thanks

[Destino Nzonzidi]

The logo is now in the middle as I required. Thank you for that

But, post; text and title alignment is not changed. I want my content text to Align in middle not on left as it is now. And also able to resize logo/identity from the website

[Theme Horse Support Team]

Please paste the below Custom CSS code to the ‘Additional CSS’ Field.

@media (max-width: 991px) {
	.single-post .site-main .entry-header,
	.single-post .site-main .entry-content p {
		text-align: center;
	}
}

You can change the value of size for the logo on the previous code that we provided before.

Thanks

[Destino Nzonzidi]

Please noted that, I used the code, but it is not working. Just my logo is now on the middle of the mobile screen

[Destino Nzonzidi]

Even this code is not working

@media (max-width: 991px) {
.single-post .site-main .entry-header,
.single-post .site-main .entry-content p {
text-align: center;
}
}

[Theme Horse Support Team]

We have rechecked the code and it’s working very well.

Note: that the provided code is to work only for mobile view below 991px width. The content is made center for each Post single page/post template.

Please let us know if you were expecting any other changes.

Thanks

[Destino Nzonzidi]

How can I send you a screenshot? It is effective on the phone but that is not what I need.

[Theme Horse Support Team]

Hi,
You can search for online image editing applications and you can mention here the links to them.

Thanks

[Author]

Posts