• 

  jenscev

  Participant

  April 13, 2018 at 17:36

  On line 3920 of responsive.css

  @media only screen and (max-width: 480px)
  .header-logo img {
  max-width: 170px;
  margin-left: -1px;
  padding-left: 40px;
  }

  When viewing on a mobile device the logo has a large padding on the left of 40px, making it appear off centre. It should be 10px, per my hope.

  Padding left shows as 10px within:
  – theme options, custom CSS for mobile
  – through filezille, drill down, find actual reponsive.css file, padding-left shows 10px.
  – through appearance, editor, line 3920 of responsive.css of parent file, shows 10px

  Yet EVERY time I inspect it, it’s 40px and the effect doesn’t take change.

  Please help,

  Jen

  #191083 Copied Theme version: Unsure where to find
  1 Answer
  

  Rose Tyler

  Support staff

  April 16, 2018 at 08:35

  Hello,

  Please add this code in Theme Options > Custom css > Custom css for mobile:

  .header-logo img {
      padding-left:  0;
      margin-left:  0;
  }
  .fixed-header-area .header-logo {
      margin-left:  0;
      float:  none;
      display:  inline-block;
      left:  auto;
      transform:  none;
  }
  .fixed-header-area .fixed-header > .container {
      text-align:  center;
  }

  Regards

  #191164 Copied
• Viewing 2 results - 1 through 2 (of 2 total)