Hello @dnahraun,

Actually, we have not updated the font awesome to the latest version for the theme so it will not work as you have mentioned.

Also since it does not support the recent version it requires lots of other code customization to make it work.

But we will definitely work on the font awesome and try to update the theme to the latest version.

Thank you.

Regards!!

Hello @cassius,

To remove the author box in the post add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

.single .about-author {
    display: none;
}

Hope this helps.

Regards!!

Hello @cassius,

Glad that your issue is resolved.

Let us know if you have any confusion further.

Thank you.

Best Regards!!

While we have not tested this code at this instance, unfortunately, we are not exactly sure the cause.

Alternately, you can take further assistance from our Hire a Customizer service.

Hi Gerrit

Have you purchased the Education Hub Pro theme? If so you should activate the Premium theme instead of the free theme to input the license key.

Please refer to this article to know how you can install and activate the purchased theme:

http://themepalace.com/tutorials/how-do-i-install-the-themes/
http://themepalace.com/tutorials/activate-themes-license/

Please check your Site Title or Tagline to change the words. In your dashboard, go to Settings > General.

Hello @baugli,

If you want to show you complete image in big screen then you can add below given CSS. This is for the HD screens. But, please crop the image as per required.

@media screen and (min-width: 1600px) {
	#banner-image {
		padding-bottom: 100%;
	}
}

If you add the CSS without cropping then it will show the image as in the give link:

https://imgur.com/a/zUuwUfY

Also, do not remove this CSS.

body.single-post #page {
	max-width: 100%;
}

For the mobile phone, it is not recommended to show the full image as it will take the entire screen or more. Leave it as it is.

Thank you.

Regards!!

Hello @baugli,

To manage the popular section as you have said add below given CSS.

@media screen and (min-width: 500px) {
	.popular-place .grid {
		display: flex;
		flex-wrap: wrap;
		height: auto !important;
	}

	.popular-place .grid .grid-item {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		overflow: hidden;
		margin: 0 10px 20px;
		height: 300px;
		width: calc(50% - 20px);
	}

	.popular-place .grid .grid-item .featured-image {
		padding: 0;
		height: 100%;
	}
}

@media screen and (min-width: 992px) {
	.popular-place .grid .grid-item {
		height: 350px;
		width: calc(33.33% - 20px);
	}
}

But actually, we do not recommend this because we have to overwrite the JS code with the CSS which is not a good approach.

Also, your last query is not clear so please explain it with the proper screenshot so that we can help you further.

Thank you.

Regards!!