ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• February 16, 2015 at 10:14 pm #150683
  Breechay

  Member

  Post count: 75

  I toyed around a bit too much with the custom css feature and I’m having multiple site issues.

  1. The logo doesn’t resizes and gets cut off in responsive view/mobile ( See file attached “A” )

  2. Issue 1 shows up on desktop view when the sticky header option is enabled ( See file attached “B” )

  3. The header looks fine on Safari and Chrome but looks abnormally wide in Firefox ( See file attached “C”)
  ———
  This is my current css, where did I go wrong?

  
  .header-6 .container, .header-7 .container {
  margin-top: -12px!important;
  margin-bottom: -16px!important;
  }
  
  #logo img {
  height: 52px!important;
  min-height: 52px!important;
  }
  

  —–

  PS. I left my logo (header) settings in theme options blank

  Attachments:

  You must be logged in to view attached files.
  February 18, 2015 at 12:09 pm #151203
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I checked with firefox and not getting issues as you described.
  Thanks
  Mohammad

  February 18, 2015 at 12:31 pm #151207
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Made some adjustments please check.
  -Rui

  February 18, 2015 at 8:27 pm #151391
  Breechay

  Member

  Post count: 75

  Nice, thanks Rui. Can we move it just a tad bit higher (image attached)

  Attachments:

  You must be logged in to view attached files.
  February 18, 2015 at 8:31 pm #151393
  Breechay

  Member

  Post count: 75

  … and the logo maybe moved 1 px down? The circle looks a bit too close to the top of the screen doesn’t it?

  February 19, 2015 at 2:32 pm #151644
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try adding this to your custom css:

  .header-6 #logo, .header-7 #logo {
    margin-top: 8px;
  }

  – Kyle

  March 2, 2015 at 3:23 pm #154405
  Breechay

  Member

  Post count: 75

  Yeah, that didn’t work… I meant reducing the size of the “container” by moving the bottom part closer to the edge of the logo like in the attachment I sent on Feb 18.

  Attachments:

  You must be logged in to view attached files.
  March 2, 2015 at 3:40 pm #154417
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this css.

  
  nav#main-navigation {
  margin-bottom: -18px!important;
  }

  -Rui

  March 2, 2015 at 3:48 pm #154425
  Breechay

  Member

  Post count: 75

  Perfect. You’re awesome, thank you.

  March 2, 2015 at 4:03 pm #154434
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted. Thanks.
  -Rui

• Back to forum

  Posted in: Dante