• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Remove Space Between Slider & Nav Bar?- Infinity PRO

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to Remove Space Between Slider & Nav Bar?- Infinity PRO

This topic is: resolved

Tagged: code, custom, NAV bar, remove space, slider

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago by kcservices.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 30, 2018 at 8:10 am #218460
    kcservices
    Participant

    I have Infinity Pro... Support sent me the code to remove the page title and underlying dash on all Pages. Then I placed a header Slider at the top of each page, but there is still a huge gap between the slider and the nav bar. Does anyone know what code can I add to remove this space? Thanks so much!

    http://gbs2017.staging.wpengine.com/sample-page/about/gbs/
    March 30, 2018 at 9:29 pm #218485
    David Borrink
    Member

    Right now, your slider has a margin setting of 80px on the top and bottom, and 65px on the sides, but obviously your slider has a full-width setting that overrides the left and right side settings. These settings are on line 650 of the style.css file, referencing the .content class for your site.

    You'll need to edit your theme's CSS file so that instead of it looking like this:

    padding: 80px 60px;

    (in case you don't know, when they're showing only two values, it automatically assigns the first one as vertical and the second one as horizontal)

    ... to this...

    padding: 0px 60px 80px;

    (and this means when three values are shown, the first is top, the second is the sides and the third is bottom).

    BUT.... just that edit alone would change all the pages on your site so that the content is 80 px closer to the nav bar. If you want this to happen on this page only, then you need to add a custom CSS line that states this will only happen on this page (which according to your body tags on your html is page-id-31....

    .page-id-31 .content {
    padding: 0 px 60px 80px;
    }

    That should do it.

    March 31, 2018 at 11:57 pm #218514
    kcservices
    Participant

    THANK YOU! This solved the problem perfectly! And I did intend to make these changes globally. I appreciate your sharing the additional information so that I can learn more about these adjustments as I go. Thanks again for taking the time to answer.

    April 1, 2018 at 6:15 pm #218536
    David Borrink
    Member

    Great. And as I read your question again I realized that you are doing a global situation. I just did a front page only situation on a site, so I had "one page only" on the brain. LOL.

    April 3, 2018 at 2:14 pm #218602
    kcservices
    Participant

    It's good to know for future reference how to format it both ways, so thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to Remove Space Between Slider & Nav Bar?- Infinity PRO’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble