If you want to display the logo in its original size, you need to set both the width and height of the logo to 100%. If you want to display the logo in small size, the best practice is to decrease the dimensions of the logo using photoshop and then uploading it as the logo. It will maintain the aspect ratio of the logo in proper dimensions.
Next thing, the extra space between the logo and menu is because the menu has a margin of 237px on the top. To disable this, please paste the following code in the custom css section.
If the top margin on live site even after pasting the code. Then, we need to make it as important.
margin-top: 0px !important;
Please replace the old code with the new one stated above.
However, I can’t say exactly from where this top margin is coming but one thing I can say is that it is not from Responsive Menu Plugin. As the margin is written as custom style and not coming as a style from Responsive menu stylesheet.
Viewing 5 posts - 1 through 5 (of 5 total)
The topic ‘CSS Issues with Logo and Menu’ is closed to new replies.