Fix header on smartphone devices

This topic has 6 replies, 2 voices, and was last updated 9 years by nolls.

Author
October 1, 2015 at 16:24 #80274

nolls
Participant

Hi all,
how can I fix the header (with menu) on smartphonedevices.
It should be appear like on tablets. Is it possible?

October 1, 2015 at 19:12 #80312

Radu
Moderator

Hi,

Header on mobile is like on tablet by default, can you elaborate little ?

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

October 1, 2015 at 19:18 #80316

nolls
Participant

Hi,
have a look on my site, on PC or tablet the header is fixed on scrolling.
But if I switch to smartphone the header disappears by scrolling.

KennDich.de
October 1, 2015 at 19:37 #80325

Radu
Moderator
Hi,

Please try this CSS snippet
COPY CODE
```
@media (max-width:650px) {

.kleo-main-header.header-normal {
    position: fixed !important;
    clear: both !important;
}
#main {
	
	margin-top:70px !important;
}
}
```
Add this css to Wp-admin -> Theme Options -> General Options -> Quick CSS

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
October 1, 2015 at 19:57 #80336

nolls
Participant

Thanks, great it works!

October 4, 2015 at 20:45 #80804

nolls
Participant

If got another small problem, if I insert the snipped, on small displays the header will not displayed correctly.

October 4, 2015 at 21:06 #80806

nolls
Participant

closed, it was the logo, was a little bit too big.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘General questions’ is closed to new topics and replies.

Search KB

Log in with your credentials

Forgot your details?