Hello,
The CSS
"#Top_bar #logo { margin: 0px; padding: 0px 0px; height: 345px !important; }
#Header_creative #Top_bar .logo {
float: none;
text-align: center;
margin: 0px 0;
}"
But this causes problems while adjusting the viewport to a tablet or mobile workspace.
My question is how can I use a custom logo specifically for smaller viewports where I don't break the menu height as well?
I find this to be quite a bit limitation that the creative menu doesn't support different logo aspects than the usual wide but low logo's.
With best regards,
Comments
you should wrap above custom css into media query rules. Under http://www.ydengroup.co.uk/ydentest/wp-content/themes/betheme/css/responsive.css?ver=8.8 you can check what viewports we use so you can wrap your code into media queries responsible for desktop only.
Thanks!