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
• January 4, 2016 at 2:58 am #237985
  kfgomes

  Member

  Post count: 15

  Hi, I have been reading all the posts with similar issues in the forum and I cannot resolve my issue. On my homepage , I have a naked header (Light logo) an when I scroll down, It changes to regular logo. On the website, this works well. on the mobile screen both logos are displayed. They are the same size – but not aligned. I am not using the sticky heading on mobile and would prefer only the light logo be displayed if possible. The theme has been updated to the current version. how can I resolve this. please see the image attached.

  Thanks.

  Attachments:

  You must be logged in to view attached files.
  January 4, 2016 at 6:14 am #238002
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Its looking light logo to me. Please check after clear the cache of browser.
  Thanks
  Mohammad

  Attachments:

  You must be logged in to view attached files.
  January 4, 2016 at 6:26 am #238007
  kfgomes

  Member

  Post count: 15

  Thanks for looking into it so quickly. When I reduce my browser window on my computer, it looks fine. But on my iphone it doesn’t. I experience the same issue with both Chrome and Safari mobile browsers. I have tried clearing the cache on my iphone and id did not work.

  January 4, 2016 at 6:34 am #238011
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please try to use this custom css code:-

  @media screen and (max-width: 767px) {
  #logo img.retina {
      display: none !important;
  }
  }

  Thanks
  Mohammad

  January 4, 2016 at 6:46 am #238018
  kfgomes

  Member

  Post count: 15

  I just tried to add that code to my Appearance>Edit CSS but is has not resolved my issue. Any other suggestions? thanks for the quick responses.

  January 4, 2016 at 6:49 am #238020
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Can you please check with another device?
  Thanks
  Mohammad

  January 4, 2016 at 5:45 pm #238216
  kfgomes

  Member

  Post count: 15

  I have tried it on another iphone as well as a new Samsung phone. all devices are showing the same issue. see the attached image from a Samsung phone and let me know if there are other possible solutions.

  thanks again.

  Attachments:

  You must be logged in to view attached files.
  January 5, 2016 at 6:07 pm #238463
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  This looks like the retina media query, can you confirm which logo you wish to display on your mobile?

  Thanks

  January 13, 2016 at 12:11 am #239858
  kfgomes

  Member

  Post count: 15

  Shoot, i didn’t see that you responded to this thread. on the mobile version i would just like to display the white logo.

  January 13, 2016 at 6:13 am #239895
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  My colleague will assist you when he comes online.
  Thanks
  Mohammad

  January 14, 2016 at 11:30 am #240363
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please test this:

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .naked-header.naked-light #header-section #logo.has-light-logo img.retina, .naked-header.naked-dark #header-section #logo.has-dark-logo img.retina {
      display: none!important;
      opacity: 0;
  }
  }

  Thanks.

  January 22, 2016 at 12:59 am #242707
  kfgomes

  Member

  Post count: 15

  Worked perfectly. Thank you!!

  January 22, 2016 at 6:13 am #242719
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to David.
  Mohammad

• Back to forum

  Posted in: Dante