Joomla Templates Club 406,261 posts

[Rob Hawthorn Friend Rob HawthornJoin date: September 2014Posts: 190Downloads:0Uploads:28 Thanks: 38 Thanked: 3 times in 1 posts]

#149865

Hi guys,
I’ve been looking at my iphone layout and as space is important I need the header height reducing, unfortunately I cannot seem to find out how to do it.

Does anyone have any ideas?

Please see screenshot

Regards,
Rob

---

Attachments:

1. 

[Rob Hawthorn Friend Rob HawthornJoin date: September 2014Posts: 190Downloads:0Uploads:28 Thanks: 38 Thanked: 3 times in 1 posts]

#337990

Hi just to note the image filename says “reduce width”, but I actually meant “reduce height”

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#338009

Hi Rob,

please, open file layout.css, located in css/handheld/ directory of your template, and change line 16 from:


.main { width: 100%; margin: 0 auto; position: relative;}

to:


.main { width: 100%; margin: 0 auto; position: relative; top:-50px;}

this is the fastest way that comes to my mind at the moment.

Please, give it a try and report back so we can find a solution in case this fails.

Good luck 🙂

1 user says Thank You to histeriks for this useful post

1. Rob Hawthorn

[Rob Hawthorn Friend Rob HawthornJoin date: September 2014Posts: 190Downloads:0Uploads:28 Thanks: 38 Thanked: 3 times in 1 posts]

#338016

Hi histeriks, that’s great stuff thank you very much I’ll give it a go

Regards,
Rob

[Author]

Posts