Gao between menu and page title

  • Resolved syzygist

    (@syzygist)


    9 years, 3 months ago

    My client is not using the social media bars. There is a large vertical gap between the navigation bar and the page title that is pushing most of the content below the first screen. I have not been able to determine which element controls that gap. Can you please tell me how to reduce it?

    https://www.mahoganyrushlive.com

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

  • Hey there syzygist,

    How are you doing today?

    There is a padding and a margin on two different elements that are creating that space, you should be able to remove both of those with some custom CSS.

    Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css 

    div.site-content {
    margin-top: 0;
}

.page .hentry {
    padding-top: 0;
}

    This should reduce the area there, if the code doesn’t work please keep it added and let me know so I can take a look ??

    Cheers,
    Bojan

    Thread Starter syzygist

    (@syzygist)

    Hi Bojan,

    Many thanks for your prompt response. We already have Simple Custom CSS installed. The div.site-content code produced the results we wanted – thanks very much!

    FYI, I tested them separately, and the .page .hentry code didn’t seem to have any effect. But not a problem, since the div.site-content code did what we needed.

    Thanks again for your time!

    Glad I could help ??

    Cheers,
    Bojan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gao between menu and page title’ is closed to new replies.