Page header issue using BuddyPress

  • adenclark

    (@adenclark)


    5 years, 5 months ago

    Hello all, I’m new around here but had to post this as I cannot find anything regarding this online (maybe I’m searching for the wrong thing.

    Anyways.

    If you see the page header on a normal page, you will notice a gap at the top of the page before the content begins:

    https://smallbusinessmastermind.co.uk

    But on BuddyPress pages, there is no gap and is just solid white header like here:

    https://smallbusinessmastermind.co.uk/activity/

    How can I make the BuddyPress pages have the same gap before the content begins?

    BuddyPress Version 3.2.0

    Any and all help is much appreciated.

    Many thanks,

    Aden Clark.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • George Appiah

    (@gappiah)

    5 years, 5 months ago

    Hello Aden,

    Stick this into the custom CSS section of Customizer:

    @media screen and (min-width: 59.6875em)
.buddypress main {
    padding-top: 8.3333%;
}

    Note that this only affects large screens: I could not test to see whether or not the problem exists on smaller screens.

    Thread Starter adenclark

    (@adenclark)

    5 years, 5 months ago

    Hello George,

    When I enter this it states an error:

    x Expected LBRACE at line 6101, col 5.

    Not sure what that is?

    Thanks,

    Aden Clark.

    George Appiah

    (@gappiah)

    5 years, 5 months ago

    Sorry. Try this:

    @media screen and (min-width: 59.6875em) {
.buddypress main {
    padding-top: 8.3333%;
} }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page header issue using BuddyPress’ is closed to new replies.