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: Joyn
• March 13, 2015 at 7:37 am #157048
  mhote

  Member

  Post count: 394

  Hi, pls see attached. There’s CSS in firebug showing for

  .full-center #header, .full-center .float-menu

  But we can’t find this anywhere in our Options >CSS or the Joyn >Style.css file.

  Where can we locate this CSS rule to edit the header? Thanks!

  Attachments:

  You must be logged in to view attached files.
  March 13, 2015 at 7:41 am #157050
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please find this code at style.css file line number 4878.
  Thanks
  Mohammad

  March 13, 2015 at 7:44 am #157051
  mhote

  Member

  Post count: 394

  Thanks Mohammad – though I looked in there (if you mean the joyn >style.css) and I can’t figure out where the 50px height rule is being pulled from? As it doesn’t show there… and it’s not in options >css… strange? Any ideas? thanks

  March 13, 2015 at 7:58 am #157053
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  That CSS is an inline style, generated by JS. We need to use JS to work out the height of your logo plus the header padding, then it sets the height of the header

  – Kyle

  March 13, 2015 at 7:59 am #157055
  mhote

  Member

  Post count: 394

  Thanks Kyle… so how can we change this back to 90px height with the contents of the header (logo + nav menu on right) middle vertically aligned, like in the demo version?

  March 13, 2015 at 8:00 am #157057
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  What’s your link?

  – Kyle

  March 13, 2015 at 8:02 am #157059
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  March 13, 2015 at 8:37 am #157068
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

   .full-center.resized-header #header, .full-center.resized-header .float-menu {
  height:60px !important;
  }

  Thanks
  Mohammad

  March 13, 2015 at 9:12 am #157075
  mhote

  Member

  Post count: 394

  Thanks Mohammed –

  We’ve managed to change some things… but strangely the below still shows.

  So it cuts off the logo

  .full-center.resized-header #header, .full-center.resized-header .float-menu {
      height: 40px;
  }

  Also… can’t seem to get normal css to get the logo vertically aligned in the middle of the 90px container height?

  Thanks for your help troubleshooting

  March 13, 2015 at 9:16 am #157076
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot to explain logo alignment issue.
  Thanks
  Mohammad

  March 14, 2015 at 11:12 pm #157370
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  March 16, 2015 at 6:45 am #157504
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please always provide me specific page url with issue and attach marked screenshot.
  Thanks
  Mohammad

  March 16, 2015 at 7:02 am #157508
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  March 16, 2015 at 7:12 am #157516
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Are you looking this issue at any small device beside desktop? Please check with this tool http://quirktools.com/screenfly/ and let me know your feedback.
  Thanks
  Mohammad

  March 16, 2015 at 7:15 am #157517
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
• Back to forum

  Posted in: Joyn