- This topic has 6 replies, 3 voices, and was last updated 6 years, 12 months ago by Pratik.
-
AuthorPosts
-
March 31, 2017 at 10:45 am #113252eberleParticipant
How do I remove the space at the top of the site that displays the logo? Even when I don’t include a logo image, there is still a white space across the site.
Thanks!
March 31, 2017 at 11:20 pm #113273PratikKeymasterHi @eberle,
Try following code in Appearance=> Theme Options=> Additional CSS box:
#site-branding, #masthead { padding: 0; }
If this is not what you are looking for, please post in with a screenshot.
Regards,
PratikApril 1, 2017 at 9:32 am #113300eberleParticipantThanks for the help. That CSS was on the right track. It made the white space smaller, but it’s still there. Here’s a screen shot:
April 1, 2017 at 9:35 am #113301eberleParticipantAs an alternative, if there’s a way to not display that section at all (the logo section), then we can use the header image section. The header image section fills the whole window, and that’s what we want.
Thanks!
April 3, 2017 at 12:06 am #113351PratikKeymasterHi @eberle,
It looks like you added header image.Try following code:
#masthead { display: none; }
This will remove the top whitespace.
Regard,
PratikApril 3, 2017 at 10:29 am #113387SteffenParticipantIf you do this:
#masthead { display: none; }
…then the primary navigation menu will not be there on mobile devices, because the mobile primary navigation is inside of #masthead.
I did it like this (to remove it from start-page, on all pages do it without .home):
.home #site-branding{display: none;} .home #masthead { background-color: #404040; height: 0px; padding: -1px; margin: -100px; }
Then i had to reposition the mobile navigation:
.home #header-left-menu{ background-color: #d0d0d0; /*position: relative;*/ /*right: -5vw;*/ padding: 4px; margin: 10px; }
For some mobile devices i had to do the same within:
@media screen and (-webkit-min-device-pixel-ratio:0) {...}
April 4, 2017 at 12:25 am #113421PratikKeymasterHi @Steffen,
You can do following:
@media screen and (min-width: 990px) { #masthead { display: none; } }
This will hide the masthead only on screens where no mobile men is shown.
Let me know if this helps.
Regards,
Pratik -
AuthorPosts
- The topic ‘Clean Magazine Pro — Remove Logo Line’ is closed to new replies.