对齐标题网站标题和徽标图像

Question

我正在尝试在此网站的标题中获取特定格式www.theflowerpotcmd.co

我希望文本位于左侧，图像位于右侧

我用过

p.site-title {
	float:left;
	padding-top:100px;
	font-size:80px;
}
.custom-logo{
	padding-top:20px;
	max-height:200px;
}

但是图像会自动向右移动而不会在文本旁边对齐

此外，我正在尝试将文字设置为不同大小的平板电脑/移动设备，但我不确定为什么我的代码片段无法正常工作

@media (min-width: 768px) and (max-width: 1024px) {
  .p.site-title {
	float:left;
	padding-top:100px;
	font-size:0px;
}
 }

这是一个wordpress网站/ dara主题

感谢您的帮助