Options

Narrow the space between the navbar and the breadcrumb

tobemetobeme Registered Users Posts: 308 Major grins
edited October 10, 2013 in SmugMug Customization
Is there a way to narrow the space between the navbar and the breadcrumb? Thanks

a4021c50gw1e9cy8j29ovj20hd0540ta.jpg

Comments

  • Options
    AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited October 7, 2013
    Have you changed the top and bottom margins for those content blocks?
    Customise > Entire Site > Select the nav bar content block and then on the left hand side at top you will see a triangle with ruler markings on it. Click that and adjust margins as required.
    Then do the same for the breadcrumb content block
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • Options
    AllenAllen Registered Users Posts: 10,011 Major grins
    edited October 7, 2013
    tobeme wrote: »
    Is there a way to narrow the space between the navbar and the breadcrumb? Thanks

    a4021c50gw1e9cy8j29ovj20hd0540ta.jpg
    Try reducing the top and bottom margins of each. If you have a CSS block there move it to the bottom of the page.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    Focused FrameFocused Frame Registered Users Posts: 7 Big grins
    edited October 7, 2013
    In addition to the content blocks them selves check to see what your layout margin is...
    Customize > Entire site > Layout > Margins
    When a new page is created it will default to your theme settings. So double check these margins if you create new pages along the way.
    Brenda Davis
    Elegantly Adventurous Photography
    http://focusedframe.com
  • Options
    tobemetobeme Registered Users Posts: 308 Major grins
    edited October 7, 2013
    Thank you all for your help! I have looked at those areas suggested above and fixed the problem.
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 8, 2013
    In case you want to take advantage of this, you can also put in a negative margin, e.g., -24 px, to move the margin even further.
  • Options
    BrotherWolfBrotherWolf Registered Users Posts: 18 Big grins
    edited October 10, 2013
    I've tried this method but nothing seems to affect the distance between the menu and the title. If I adjust the container width then that will adjust but nothing seems to affect the margins......or the breadcrumb for that matter. It's not a big problem but I wish I could adjust it to my personal taste.
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 10, 2013
    Have you tried changing the bottom margin of the top block, and the top margin of the bottom block, and give one or both a negative margin?
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 10, 2013
    You can always use this CSS to move the breadcrumb up: 
    .sm-breadcrumb {
   margin-top: -20px;
}

    Feel free to change the -20px to something different.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
Sign In or Register to comment.