Joomla Templates Club 406,261 posts

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#887428

Hi! I would like to have the header smaller for display on smaller devices. (see screenshot) Where can I change this setting?

Thanks!

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#887441

felix79 wrote:

display on smaller devices. (see screenshot)

Hi

There is no screenshot posted,could you update it ?

[felix79 Friend felix79Join date: January 2014Posts: 61Downloads:23Uploads:20 Thanks: 18]

#887490

Sorry!
..done!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#887510

Hi

You can try to add this to your custom.css in this folder /templates/uber/css/custom.css
( if you do not a file named custom.css you will need to create a new one )

@media screen and (max-width: 480px) {
    .uber-header.header-4 {
    height:10px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
}
}

This is for mobile devices ( screen resolution max 480px)

1 user says Thank You to pavit for this useful post

1. felix79

[Author]

Posts