- This topic has 10 replies, 4 voices, and was last updated 8 years ago by PennyTravelers.
-
AuthorPosts
-
July 23, 2014 at 3:48 pm #4131820pointsMember
Hello! I’ve found a lot of solutions for my problem, but none of them worked. There’s about 90pxl of blank page above the header. How can I cut them?
http://ehb-istina.ru/July 23, 2014 at 11:08 pm #41342SakinKeymaster@20points: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#header .logo-wrap, #header .social-search { margin-top: 0; }
Further, if you want to reduce it more then you can adjust the margin top in the following css as per you need and then add it in “Appearance => Theme Options => Custom CSS” box.
#headimg { margin-top: 40px; }
July 24, 2014 at 3:43 am #4135320pointsMemberThanx a lot, your sugestion worked (as all other your sugestions)
August 3, 2014 at 6:33 pm #41875fluegasknowhowMemberI tried on my website and it worked very well on desktop visualization.
What about to remove the same blank space on mobile devices?thank you!
August 3, 2014 at 6:43 pm #41876fluegasknowhowMemberSorry:
more info:
i put in custom CSS:#header-content { padding: 0; }
but I want it to work it also on mobile devices.
the website is: http://www.fluegasknowhow.com
thanks!!!
August 3, 2014 at 9:46 pm #41880SakinKeymaster@fluegasknowhow: You can replace your css
#header-content { padding: 0; }
With the following css, as you are not using Logo:
#header-content { display: none; }
October 14, 2014 at 3:05 am #45748fluegasknowhowMemberHello Sakin,
I’m not really sure, but it seems that on mobile devices a blank space is still appearing on top above the header.
my CSS is#header-content { padding: 0; }
your opinion?
thanks!website: http://fluegasknowhow.com/denox/selective-catalytic-reduction-scr/
October 14, 2014 at 11:39 pm #45766SakinKeymaster@fluegasknowhow: I have already suggested you to replace that css. See my previous reply.
April 23, 2016 at 10:27 pm #90238PennyTravelersParticipantI need to get rid of the header space area- all of the blank space above the menu bar and below the title (gray). I’d like the logo to be parallel with the title. Also, I’d like to reduce the white space below the featured slider a bit. How do I make sure this all transfers to the mobile site as well (it looks worse on mobile)? In addition, the mobile site has a large white space all the way down the right side of the page- how do I get rid of this? I added one of your prior suggestions to someone else into the css and it changed the top margin, but nothing below. Thanks!
http://www.pennytravelers.com.April 24, 2016 at 7:39 am #90253SakinKeymaster@pennytravelers:
1. The main space in header is there because of your logo image. See thishttp://pennytravelers.com/wp-content/uploads/2016/04/81504_Penny-Travelers_Logo_-1-e1461425309622.png
your logo image has lot of spaces. So, you need to crop this and re-upload it.
2. You can remove the margin above menu by adding the following css in “Appearance => Theme Options => Custom CSS” box:
#header #mainmenu { margin-top: 0; }
3. About the mobile version, this theme is not responsive. So, it will be same in mobile as well. If you want then you can use our Simple Catch Pro theme. Check out demo at https://catchthemes.com/demo/simplecatch-pro/April 24, 2016 at 9:22 am #90260PennyTravelersParticipantThanks so much.
I’m also having trouble with the header text under the feature slider. I changed the color using css
#header {
background: none;
background-color: #545454;
}
body {
background-color: #ffffff;
}But now the text does not show up unless you highlight.
Thanks again!
-
AuthorPosts
- The topic ‘Blank space above header image’ is closed to new replies.