move logo position on desktop but not mobile

Dear support team,

I found code in your support forum to move the position of home page logo. I have the following custom CSS code to do that:

.navbar > .container .navbar-brand { margin-left: -200px; }

It works perfectly on desktop but then the logo disappears from my mobile view (guessing because it's already on the far left on mobile to begin with).

How do I write code to do this position change only for desktop view? It seems like I need to put my code inside @media but don't know what to do with it.


Thank you.


  • Hello 
    Thanks for contacting to us . 
    To apply css only on desktop resolution   remove the previous css you have added . 

    Add the below css  inside the additional css box . 

    @media (min-width: 1200px) {
    .navbar > .container .navbar-brand {
        margin-left: -200px;

    Let me know for further assistance . 


  • Works perfectly. Thank you so much for the quick response. Please go ahead and close.
  • Hi 

    Glad to know it worked for you. If you like our theme and help kindly share your feedback: 

    We highly appreciate if you kindly take a few minutes to give us your feedback.

    If you have any query, please let me know.

This discussion has been closed.