- This topic has 5 replies, 3 voices, and was last updated 8 years ago by
.
-
Posts
-
Hello! when website is viewed form a mobile device there is a rather large area of whitespace between where the header ends and primary menu begins. Is there a way to minimze the whitespace in this area? make it more compact?
Thank you for any and all advice!
http://www.bestietalks.comThe site-header and site-header wrap have a lot of bottom padding, which you could remove in the media queries.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comThank your for your response! So i would change this in the editor section or custom css section?
I have very limited current knowledge of CSS so i apologize if i didn't ask this correctly.
In line 1851 of your style.css file, change the following part of the code to what is in bold below:
.menu-toggle, .sub-menu-toggle {
border-width: 0;
background-color: #fff;
color: #000;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
margin-top: -38px;
}I hope this helps!
- The topic ‘minimize whitespace’ is closed to new replies.