I’ve included the URL for reference in the Private Content section below.
The custom sized logo at 680×156 looks fine in full display, but when the display shrinks I see the following problems:
1. The menu float on top of the logo and the first item becomes illegible
2. The menu icon box (when looking at the site on an iPhone) covers up the logo.
What CSS changes do I need to make to get things looking right?
Thanks much – wg
Hi wgpubs!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important;
margin-top: 10px; }}
Then please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Cheers!
Yigit
Thanks Yigit! Looks solid.
-wg