Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #41318
    20points
    Member

    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/

    #41342
    Sakin
    Keymaster

    @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;
    }
    #41353
    20points
    Member

    Thanx a lot, your sugestion worked (as all other your sugestions)

    #41875

    I 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!

    #41876

    Sorry:
    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!!!

    #41880
    Sakin
    Keymaster

    @fluegasknowhow: You can replace your css
    #header-content { padding: 0; }

    With the following css, as you are not using Logo:
    #header-content { display: none; }

    #45748

    Hello 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/

    #45766
    Sakin
    Keymaster

    @fluegasknowhow: I have already suggested you to replace that css. See my previous reply.

    #90238
    PennyTravelers
    Participant

    I 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.

    #90253
    Sakin
    Keymaster

    @pennytravelers:
    1. The main space in header is there because of your logo image. See this http://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/

    #90260
    PennyTravelers
    Participant

    Thanks 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!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Blank space above header image’ is closed to new replies.