1. Dylan
  2. Thursday, 25 June 2020
How to change ONLY mobile header size to higher.

Desktop header size is ok.

How can I change only mobile header size?
Accepted Answer
You have to use a media query for that!
Here you go with sample code:
@media (max-width: 991px){
body.predefined-header1 .body-wrapper #sp-header{
position: relative !important;
height: 100px !important;
#sp-header .sp-header-inner {
height: 100% !important;
#sp-header .sp-header-inner .logo-wrap{
display: flex;
align-items: center;

Please add this code to your custom CSS.
Note: Path towards custom CSS:
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

Best Regards
  1. more than a month ago
  2. Dylan
  3. # Permalink
Responses (1)

There are replies in this post but you are not allowed to view the replies from this post.

This forum is archived

This forum has been archived. Please use JoomShaper official support system.