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 16, 2015 at 8:31 pm #165737
  camind

  Member

  Post count: 228

  hi,

  Can I somehow adjust the thickness of the mobile header only. Seems like the mobile version of the header is to thick. see attachment.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  April 17, 2015 at 6:31 am #165797
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 767px) {
  #header-sticky-wrapper{
  height:60px !important;
  }
  #header-section.header-6 #header{
  padding:0px !important;
  }
  }

  Thanks
  Mohammad

  April 17, 2015 at 9:53 pm #166151
  camind

  Member

  Post count: 228

  hi,

  That css code did not change the height of the header at all. I even tried changing the height code higher and lower then 60px and still no change.

  Thanks
  Chris

  April 17, 2015 at 10:08 pm #166152
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  This is what I’m seeing at the moment. Looks smaller than your initial screenshot.
  Are you seeing the same? Can you try to clear the cache and try again?

  -Rui

  April 17, 2015 at 10:42 pm #166157
  camind

  Member

  Post count: 228

  Hi,

  Actually i had deleted the css code right before sending you the previous message so its couldn’t be smaller…maybe just looks like it. But I have just added the css code in again and replaced 60px with 20px just so we can see a drastic change. It actually slightly looks smaller but prob by only 5px or so. It seems that it wont get smaller after a certain size for some reason.

  Thanks

  April 17, 2015 at 11:26 pm #166163
  camind

  Member

  Post count: 228

  hi,

  I found the issue….. in theme options under header options logo height i set to 42. When i set that height i guess it stops any further adjustments with css. So in order for me to adjust the header height I must first adjust the logo image to perfect height then I can further adjust mobile header height or so i hope at least???????

  thanks

  April 18, 2015 at 1:03 am #166171
  camind

  Member

  Post count: 228

  Hi,

  After re-sizing the logo it actually made the header thinner. But the css code makes it thicker again. So I had to remove the css code. Any way to make the mobile header even thinner other then the css you gave me before?

  Thanks

  April 18, 2015 at 2:09 am #166175
  camind

  Member

  Post count: 228

  Update,,,,

  I cannot re-size logo to be smaller because it effects quality of logo to much….so i am in the same situation as before. Css that was given to make mobile header smaller does not work. or at least doesn’t make it thin enough.

  What else can i do to make the mobile header thickness smaller?

  Thanks

  April 18, 2015 at 10:17 am #166203
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Try the code below.

  @media only screen and (max-width: 767px){
  #header-sticky-wrapper {
    height: 50px !important;
  }
  .header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {
    height: 0px!important;
   
  }
  .header-6 #logo, .header-7 #logo {
    margin-top: -10px!important;
  }
  }

  -Rui

  April 19, 2015 at 12:24 am #166237
  camind

  Member

  Post count: 228

  Hi,

  Yes that css code worked. You are great.

  Thank you so much

  April 19, 2015 at 1:12 am #166238
  camind

  Member

  Post count: 228

  hi,

  Sorry to keep bothering you but i noticed something is definitely not right with my header.

  I removed all css that has to do with the header. Then I put a small logo and made it even smaller height. Then I compared my header size to the dante demo size on mobile. And even with a smaller logo my header is far thicker then the demo.

  So i was thinking instead of using all kinds of css to fix it maybe we can find the problem first then it will be easier to adjust. Why would my header be thicker even when my logo is 2 times smaller then demo?

  See attachment of my header vs demo header.

  Thanks again and sorry to bother you again.

  Attachments:

  You must be logged in to view attached files.
  April 20, 2015 at 9:29 am #166375
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #header-section.header-6 #header{
  padding:0px !important;
  }
  
  #header-sticky-wrapper{
  
  height:30px !important;
  }

  Thanks
  Mohammad

  April 21, 2015 at 3:53 am #166654
  camind

  Member

  Post count: 228

  Thanks figured out a way to solve without css.

  Appreciate all the help 🙂

  April 21, 2015 at 4:17 am #166662
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. I’m glad that issue resolved.
  Thanks 🙂
  With Best Regards
  Mohammad

• Back to forum

  Posted in: Dante