Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

logo responsive design

New Front EN Support Forums Kabuki Theme Support logo responsive design

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1414

    Dear Andrew,

    I have another topic to clarify.
    After copying the below code in the style.css file, the logo moved to the left

    #logo-wrap, #nav-primary { left: -250px !important; }

    It works perfectly, but as you know the layout stops to be responsive because the logo disappears from the smartphone screen. How can I stop the shift only on the mobile display?

    Hopefully to be clear, it wasn’t so easy to explain.



    Hey Carlo,

    to declare a CSS rule for a certain range of screen sizes, you can use the @media option:
    @media only screen and (min-width: 767px) { #logo-wrap, #nav-primary { left: -250px !important; } }

    You can read more about the @media queries e.g. here.

    Andrew / Satori Studio

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.