I am looking to edit the height of the header on the site and reduce it from the current 140px to about 100px to make it fit better on devices like iPads.

Looking at the elements it seems the height of the header is defined in silvercart-header DIV ID, but I have looked through all the CSS files, but cannot find the entry for this ID.

Any quick pointers to its location ? I assumed it would be part of silvercart/css/screen/custom folder or somewhere in that area.

Thanks,

Bill

Hello Bill,

the height of "#silvercart-header" is defined by its contents.
To change the height of it you would have to change the contents of "#silvercart-shop-claim" and "#silvercart-shop-claim-text". The HTML part of those is defined in the file "silvercart/templates/Page.ss", the CSS can be found in "silvercart/css/screen/custom/SilvercartGeneral.css".
To reduce the height of the header but preserving the content elements you could reduce the top and bottom padding of "#silvercart-shop-claim" (line 417 in "SilvercartGeneral.css").

All the best,
Sascha

Hi Sascha,

I found reducing the padding of #silvercard-shop-claim to 5px give a much better result.

Thanks,
Bill.