Hi,

Here is a code you are asking for

@media (max-width: 1024px) {
	.topbar-content .topbar-right-text {
		display: none;
	}

	.topbar-content .top-bar-right {
		position: absolute;
		top: -900px;
		overflow: hidden;
	}

	.topbar-content .top-bar-left, 
	.topbar-content .topbar-left-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

After renaming theme folder you need to reactivate it in Appearance -> Themes. Also note that after this step, some widgets or menu configurations may be lost. So you will need to correct this in Appearance -> Menus and Appearance -> Widgets.

Regards