White Header Spaces

  • Hello ??

    I’ve got two problems with my WP blog using Fashionistas and I was wondering if anyone may be kind enough to help? I’m tearing my hair out with it now!

    1. There’s white space above and below the header image (of the Invisibly Me custom-made header). I’d like to get rid of this white space so it looks more streamlined.

    2. The theme doesn’t seem to match up on a mobile phone. On my iPhone, the header part isn’t there and it’s not responsive, but it seems to work fine on an iPad.

    I’ve browsed for a solution for this and tried various codes that I’ve added via ‘custom CSS’ but nothing seems to work ie.

    @media screen and (min-width: 1180px){
    div.entry-content{
    margin-top: 0px;)

    Is anyone able to offer any suggestions on either of these? Thank you very much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter invisiblyme

    (@invisiblyme)

    Just to confirm so you can see what I mean, the website is https://www.invisiblyme.com

    Hello @invisiblyme,

    1. Please try to use the following CSS code in order to remove that space.

    You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

    #masthead {
    padding: 0;
}

    2. It looks like Jetpack Mobile Theme.

    Please try to deactivate Mobile Theme in your Dashboard → Jetpack → Settings → Appearance tab.

    Kind Regards, Roman.

    Thread Starter invisiblyme

    (@invisiblyme)

    Thank you so much for your help Roman.

    The code for the header space worked perfectly, thank you. I’ve tried to adjust it to get a slight space, like 0.1 padding, but that just reverts it back to the large space as before, so I’ll leave it with no space for now.

    I’ve deactivated the “optimize your site for smartphones” option on Jetpack but it unfortunately still looks exactly the same. Are there any other possibilities to try? Thank you so much.

    Hello @invisiblyme,

    1. You can try to use this CSS code instead of previous in order to get some space.

    #masthead {
    padding: 10px;
}

    2. I think that it’s a cache issue. Please try to clear your browser cache and site cache (if you are using some caching plugin on your website).

    Kind Regards, Roman.

    Thread Starter invisiblyme

    (@invisiblyme)

    Thank you Roman, you are so incredibly helpful – I really do appreciate you taking the time to help with this! ??

    You are welcome @invisiblyme! ??

    Kind Regards, Roman.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘White Header Spaces’ is closed to new replies.