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
• April 26, 2015 at 6:38 pm #168756
  Zachy

  Member

  Post count: 83

  Hi all,

  I’ve added some custom css to center the logo for the desktop version of this site but it interferes with the mobile version and throws it off.

  I’m wondering if there’s a more mobile friendly css code (using %’s maybe) I should use or an ID or Class I can call out specific to the desktop version of the logo header.

  Here is my current logo / header css:

  #logo {
  height: auto !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
  }
  #header-section #header {
  padding: 3px 120px 50px 0;
  }

  Thanks everyone!
  Zach

  Attachments:

  You must be logged in to view attached files.
  April 26, 2015 at 9:40 pm #168793
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try it this way wrapped in an media query, it will only affect resolutions higher than 991px

  
  @media only screen and (min-width: 991px){
  
  #logo {
  height: auto !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
  }
  #header-section #header {
  padding: 3px 120px 50px 0;
  }
  
  }

  -Rui

  April 26, 2015 at 10:37 pm #168800
  Zachy

  Member

  Post count: 83

  Worked like a charm Rui, thank you!!

  April 27, 2015 at 4:42 am #168842
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to Rui.
  Mohammad

  May 13, 2015 at 1:14 am #174292
  Zachy

  Member

  Post count: 83

  This reply has been marked as private.
  May 13, 2015 at 8:08 am #174358
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Do you want to increase the height of header?
  Thanks
  Mohammad

  May 13, 2015 at 12:31 pm #174491
  Zachy

  Member

  Post count: 83

  Well, the header loads with the proper height sometimes and other times it loads too small (occurs both ways within the same sized browser window). I guess I’m just wondering what part of my CSS is causing this to occur.

  May 13, 2015 at 12:38 pm #174496
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please find this code:-

  padding: 3px 120px 50px 0;
  
  Replace with this code:-
  padding: 3px 120px 50px 0 !important;
  

  Thanks
  Mohammad

  May 13, 2015 at 1:22 pm #174521
  Zachy

  Member

  Post count: 83

  I gave it a try but it still seems to be happening unfortunately. I cleared browser cache / cookies just to be sure.

  May 13, 2015 at 1:47 pm #174537
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Can you please provide me specific page url where you see this issue?
  Thanks
  Mohammad

  May 13, 2015 at 2:37 pm #174574
  Zachy

  Member

  Post count: 83

  This reply has been marked as private.
  May 13, 2015 at 3:27 pm #174612
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Couldn’t replicate, I always see the correct logo size. I tried in Chome, Firefox, Safari on a Windows 7 machine.

  Can you try Chrome using the incognito mode because some cache in browser/proxy could be causing this.

  http://browsers.about.com/od/googlechrom1/ss/google-chrome-incognito-mode-osx.htm

  Thanks

  -Rui

  May 13, 2015 at 3:55 pm #174631
  Zachy

  Member

  Post count: 83

  It was happening to me on IE and Safari but not Firefox(I have Firefox set to not store any cache or cookies). Perhaps it is just a cache issue. I’ll give incognito mode with chrome a shot and I’ll also try installing a plugin for WordPress to force users browsers to refresh their cache for the site. Ill keep you posted.

  May 13, 2015 at 4:05 pm #174636
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Ok. Let us know the result.
  -Rui

• Back to forum

  Posted in: Dante