Remove space between menu and slideshow

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 3:00 pm

  • Copy link
  • Add topic to favorites

  Hi There! I’d like to remove the extra space between the menu and slideshow on my front page:

  https://internationaltraumacenter.wordpress.com

  I also want to remove the ‘home’ option from my menu and not have the ‘home’ title on the front page.

  Thanks so much!

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Aug 27, 2015 at 3:23 pm

  • Copy link

  Hi internationaltraumacenter

  To edit what shows on your menu. Click Appearance > Menus from your Admin Dashboard.

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 3:48 pm

  • Copy link

  Thanks, I was able to create a custom menu, but I still have a bunch of extra space between the menu and the slideshow on my homepage. I already used a CSS code to remove the dark box around the slideshow, but can I remove the extra space as well? Thanks for your help!

  https://internationaltraumacenter.wordpress.com

• 

  g471n · Member · Aug 27, 2015 at 4:01 pm

  • Copy link

  I’m having a look at it for you now.

• 

  g471n · Member · Aug 27, 2015 at 4:13 pm

  • Copy link

  Try adding this custom CSS.

  .singular.themes-sidebar1-inactive .main-content {
      margin: 0px auto;
  }
  .main .main-content article.post-singular .entry {
      padding: 0px;
  }

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save. You can only preview custom CSS on the free plan.

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 4:20 pm

  • Copy link

  It unfortunately did not work, but thank you so much!! I think the problem is that the box around the slideshow is causing the spacing issue…even though it is now blended into the background, it’s still there, despite using this:
  div.slideshow-window {
  background-color: inherit;
  border: none;
  }
  Can I not remove the border completely? Thanks!

• 

  g471n · Member · Aug 27, 2015 at 4:40 pm

  • Copy link

  Try this.

  .masthead {
      z-index: 9;
  }
  
  div.slideshow-window {
      top: -95px;
  }

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 4:46 pm

  • Copy link

  Perfect, it worked!! Thank you so much! :)

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 4:50 pm

  • Copy link

  Oh wait, there is now a bunch of extra space underneath the slideshow now, between it and the text content on the main page. Is there a CSS code to remove that as well? Sorry for the trouble!

• 

  g471n · Member · Aug 27, 2015 at 4:50 pm

  • Copy link

  Good :) You’re welcome.

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 5:03 pm

  • Copy link

  Oh wait, there is now a bunch of extra space underneath the slideshow now, between it and the text content on the main page. Is there a CSS code to remove that as well? Sorry for the trouble!

• 

  g471n · Member · Aug 27, 2015 at 5:20 pm

  • Copy link

  Oh yes … I see what you mean.

  Try this.

  .slideshow-window {
      margin-bottom: -80px;
  }

• 

  internationaltraumacenter · Member · Aug 27, 2015 at 5:28 pm

  • Copy link

  Awesome! All fixed :) Thanks!

• 

  g471n · Member · Aug 27, 2015 at 5:47 pm

  • Copy link

  Pleasure.

• 

  internationaltraumacenter · Member · Aug 28, 2015 at 3:01 pm

  • Copy link

  Hi Again! I just noticed that my mobile/phone view of the homepage now gets messed up with these CSS codes (the menu lies on top of the slideshow). Is there a way to fix just the mobile view? The computer and iPad views seem to work fine. Thanks!

• 

  g471n · Member · Aug 28, 2015 at 4:03 pm

  • Copy link

  Yes I see. If we move the slide show back down a bit it should fix the problem.

  .slideshow-window {
      top: -60px;
      margin-bottom: -45px;
  }

• 

  internationaltraumacenter · Member · Aug 28, 2015 at 4:09 pm

  • Copy link

  Thanks so much, but is there a way to only do that for the mobile view? I don’t want to move the slideshow down for the computer view, sorry.

• 

  g471n · Member · Aug 28, 2015 at 5:21 pm

  • Copy link

  Yes. That’s a good idea. I’ll have a look at it for you when I’m back at my computer.

• 

  internationaltraumacenter · Member · Aug 28, 2015 at 6:22 pm

  • Copy link

  I appreciate it. Additionally, is there a way to have my logo be left-aligned next to my header title instead of centered above it? Thanks!!

• 

  g471n · Member · Aug 28, 2015 at 6:28 pm

  • Copy link

  This should only target screens narrower than 600px

  @media screen and (max-width: 600px) {
  .slideshow-window {
      top: -60px;
      margin-bottom: -45px;
  }
  }