Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 23, 2013 at 3:43 am #179413
    mhiller

    I found the code below in the forums that fixed the header in responsive mode. But when I enter it into QuickCSS, it overrides the default fonts. When I delete the code below from Quick CSS, the default fonts are restored. Site is: nexuscontentlab.com. Thanks Mike.

    
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
    • This topic was modified 11 years, 2 months ago by mhiller.
    October 23, 2013 at 7:41 am #179523
    mhiller

    The problem was with the extra bracket after:

    @media only screen and (max-width: 767px) {

    Thanks, Mike.

    October 23, 2013 at 2:42 pm #179688
    Yigit

    Hi!

    Glad you figured it out Mike! But actually one curly bracket is missing in the end of the code. So it should be 

    @media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
} }

    Regards,
    Yigit

    October 23, 2013 at 4:55 pm #179780
    mhiller

    Arrgh, I should have caught that :-). Thanks!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responisve Fixed Header solution changes default fonts’ is closed to new replies.