Space between Header and Content - by aislingstern

This topic has 8 replies, 3 voices, and was last updated 10 years, 5 months ago ago by Eva Kemp

  • Avatar: aislingstern
    aislingstern
    Participant
    June 9, 2014 at 03:52

    Hello-
    I seem to be having a problem with formatting on my website. I’d like the content to be flush against the header, especially on the home page where I’ve placed an image with the parallax effect. Instead there is a gap of white space in between the bottom of the header/navigation bar and where the content begins. I can’t figure out how to get rid of this.
    Thanks so much!

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 9, 2014 at 08:00

    Hello,

    Add the following code into your custom.css:

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

    Here is the video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1.

    Regards,
    Jack Richardson

    Avatar: aislingstern
    aislingstern
    Participant
    June 9, 2014 at 15:25

    Thanks so much! That did the trick!!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 9, 2014 at 15:26

    Hello,

    You’re welcome!
    If you have any questions don’t hesitate to contact us.

    Regards,
    Jack Richardson

    Avatar: aislingstern
    aislingstern
    Participant
    June 24, 2014 at 13:23

    Hello,
    I just have a follow up question about my previous topic. I implemented the code suggested and that resolved the problem for desktop computers but I just found that a big space between the navigation bar and the content still exists on mobile devices.
    Can you provide any insight into that?
    Thanks so much,
    Kristen

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 24, 2014 at 13:39

    Hello,

    Please try to add the following code to the custom.css:

    .row-fluid .vc_custom_1402094473621 {
      margin-top: 0px !important;
    }

    Regards,
    Jack Richardson

    Avatar: aislingstern
    aislingstern
    Participant
    June 24, 2014 at 14:04

    Worked like a charm! Thanks so much for your quick response!!

    Avatar: Eva
    Eva Kemp
    Support staff
    June 24, 2014 at 14:39

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.