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: Neighborhood
• July 22, 2015 at 11:40 am #196631
  MarieWorks

  Member

  Post count: 225

  Hi,

  I’m looking into changing the header spacing on mobile.

  I need to change the padding around the header container (with the logo and nav in it) to the settings as shown in the screen shot (padding left and right 0px / padding bottom 20px) couldnt find the class for the header container and not quite sure how to make this apply to mobile only…?

  Any help appreciated

  C

  Attachments:

  You must be logged in to view attached files.
  July 22, 2015 at 11:52 am #196646
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 979px) {
  #header-section #header {
      padding: 15px 0px 0px;
  }
  }

  Thanks
  Mohammad

  July 22, 2015 at 12:27 pm #196663
  MarieWorks

  Member

  Post count: 225

  Hi Mohammad,

  thanks again for helping out!

  unfortunately that css doesnt seem to be working?

  any other ideas?

  thanks

  chris

  July 22, 2015 at 6:01 pm #196815
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Now try this custom css code:-

  @media only screen and (max-width: 979px) {
  #header-section #header {
      padding:0px !important;
  }
  }

  Thanks
  Mohammad

  July 22, 2015 at 6:11 pm #196821
  MarieWorks

  Member

  Post count: 225

  Hi mohammad,

  still not working im afraid
  …

  July 22, 2015 at 6:12 pm #196823
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot to indicate the issue.
  Thanks
  Mohammad

  July 22, 2015 at 6:39 pm #196834
  MarieWorks

  Member

  Post count: 225

  we are trying to get the blue Reiko Kaneko logo and the page titles (like ‘shop’ shown) to be aligned, and then have equal spacing on the opposite site where the hamburger menu is. screen shot attached.

  Attachments:

  You must be logged in to view attached files.
  July 23, 2015 at 5:38 am #196915
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove last css code and use this css code:-

  @media only screen and (max-width: 479px) {
  #logo a:first-child {max-width: 70%;margin-top: -15px;}
  #logo{margin:0px !important}
  #header > .container{padding:0px !important;}
  }

  Thanks
  Mohammad

  July 23, 2015 at 10:03 am #196987
  MarieWorks

  Member

  Post count: 225

  HI Mohammad,

  Got the desired result with just a very small tweak

  @media only screen and (max-width: 979px) {
  #logo a:first-child {max-width: 70%;margin-top: -15px;}
  #logo{margin:20px !important}
  #header > .container{padding:0px !important;}
  }

  Thanks for your help 🙂

  Chris

  Attachments:

  You must be logged in to view attached files.
  July 23, 2015 at 10:05 am #196990
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks Mohammad.
  -Rui

• Back to forum

  Posted in: Neighborhood