Removing extra white space

  • SundanceRuss

    (@sundanceruss)


    8 years, 7 months ago

    I am using the Freelancer theme, version .03 and I have recently removed the navigation as I do not need it for this project. Since I have removed that I have a large area of whitespace between the header and the content that I’d like to remove. It’s not as prominent on the desktop version, but I’d like to remove it for at least the mobile version.

    Any tips or ideas for CSS that would help me accomplish this?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    Can you show us a page with the issue?

    Thread Starter SundanceRuss

    (@sundanceruss)

    8 years, 7 months ago

    Unfortunately no, its behind a protected space with a password.

    I don’t even know where to begin pasting code, but I’ve tried a few CSS fixes and none of them have worked.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    What CSS did you add to remove the navigation?

    Thread Starter SundanceRuss

    (@sundanceruss)

    8 years, 7 months ago

    I just removed the navigation php file.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    Do you remember what bit of the code you removed? So that I can try to replicate your webpage via the theme’s demo site

    Thread Starter SundanceRuss

    (@sundanceruss)

    8 years, 7 months ago

    Well, in the freelancer theme I removed all of the text from the Navigation.php file. That removed the navigation bar on both desktop and mobile, but there is a weird space left now, I assume because it’s holding the place of the menu bar.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      #site-navigation {
    display: none;
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter SundanceRuss

    (@sundanceruss)

    8 years, 7 months ago

    Should I put the code back in the PHP file?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    Not in the PHP file; either in your Child Theme style.css file or using a Custom CSS plugin.

    Thread Starter SundanceRuss

    (@sundanceruss)

    8 years, 7 months ago

    I added it to the css plugin, however it is still showing the space.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 7 months ago

    Sorry there’s not enough information for me to replicate your problem.

    Theme Author Tom

    (@edge22)

    8 years, 6 months ago

    Hi there,

    Sorry I didn’t see this! Are you still needing help getting this done?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Removing extra white space’ is closed to new replies.