Shrink Focus Header

jcollins11 · (This post was last modified: 09-24-2018, 05:36 PM by jcollins11.)

Is it possible to shrink the grey bar in the header of the focus theme? I'd just like it a little shorter

***WallBB*** · 09-25-2018, 02:32 PM

Yes, that is quite easy. (Make a backup of global.css before you change)
You need to change below value in global.css

-> padding-top in #container
-> height and line-height in .header

Make sure values are same in all above Smile

jcollins11 · (This post was last modified: 09-25-2018, 05:51 PM by jcollins11.)

Thanks!!
What about on mobile?

***WallBB*** · 09-26-2018, 04:47 AM

(09-25-2018, 03:37 PM)jcollins11 Wrote: Thanks!!
What about on mobile?

Same thing should work on that Smile

jcollins11 · 09-26-2018, 10:21 AM

It worked great on desktop, but is unchanged on mobile

***WallBB*** · 09-26-2018, 10:22 AM

(09-26-2018, 10:21 AM)jcollins11 Wrote: It worked great on desktop, but is unchanged on mobile

It should actually work fine, let me know your forum URL in PM.
Also make sure you have updated Focus theme to 1.8.19 as it is just updated and it should be present in your account.

amanda_2011 · (This post was last modified: 11-10-2018, 08:54 PM by amanda_2011.)

Deleting my post as clearing the cache solved my issue.

***WallBB*** · 12-11-2018, 06:16 AM

Closing this thread.