Okay
  Public Ticket #271982
Editing responsive.css doesn't update
Closed

Comments

  • Someone started the conversation
    August 28, 2014 at 2:44am

    Hello,

    So I'd like to make the logo slightly bigger when the site is being viewed on a mobile browser. But when I edit the responsive.css file, none of the updates go live. I have no idea why. The site has no caching enabled. And I've tried looking at in 4 different browsers. Really weird, any advice?

  •  8,839
    Tahir replied
    August 28, 2014 at 4:33pm

    Hey Michael!

    Add this into the Custom CSS box located in your Salient Options panel :
    /* Mobile */
@media only screen and (max-width: 470px) {
    body header#top #logo img {
        height: 69px!important;
        margin-top: -12px !important;
    
    }
    
    header#top {
        height: 80px !important;
    }


    header#top #toggle-nav {
        top: 20px !important;
    }
}
    Cheers

    ThemeNectar Support Team 

  • Someone replied
    August 29, 2014 at 11:07pm

    Awesome thanks you're the best. Why doesn't editing the responsive.css file work though?

  • Someone replied
    August 29, 2014 at 11:09pm

    Awesome thanks you're the best. Why doesn't editing the responsive.css file work though?

  •  8,839
    Tahir replied
    August 30, 2014 at 6:18pm

    Hey Again!

    It could be that the css selector used in responsive.css has a lower specificity , not sure though :).

    Cheers

    ThemeNectar Support Team