[Theme: Ridizain] Remove White Space in Header

  • Hi guys,

    I’ve created a Ridizain child theme for my site futbolpulse.com and edited my style.css file to hide the site description/tagline. Now I’m left with a large white space under my primary menu and above my featured content grid.

    What would I need to do in order to remove this white space?

    Thanks,
    – Dan

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    Do this. 

    .masthead-fixed .site-main {
    margin-top: 0;
}

    I hope it helps.

    Thread Starter danielwp

    (@danielwp)

    Hi Kharis,

    Thanks for the help! The only problem with it is that it cuts off the top of the featured grid images. Is there any way to avoid this?

    Thanks!

    EDIT: Nevermind, found a fix myself! I changed the value from 0 to 48px. Thanks again for everything ??

    Thread Starter danielwp

    (@danielwp)

    I have another (related) question.

    I’ve removed the extra white space, however this cuts off the titles on post pages. Is there a way to make Kharis’s css code only function on the home page?

    Thanks again,
    – Dan

    Hi Dan.

    Use this

    .home .masthead-fixed .site-main {
    margin-top: 0;
}
    Thread Starter danielwp

    (@danielwp)

    That didn’t seem to work, the white space showed up on all the pages including the home page.

    Thread Starter danielwp

    (@danielwp)

    Could someone help me out? When I used the following code it successfully eliminated the white space in all pages.

    .masthead-fixed .site-main {
    margin-top: 0;
}

    However, when I used the following code, it didn’t eliminate the white space on any page, including the home.

    .home .masthead-fixed .site-main {
    margin-top: 0;
}

    Is there a way to eliminate the white space only on the homepage? The .home tag doesn’t seem to be working for me.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Ridizain] Remove White Space in Header’ is closed to new replies.