queue  50
support
Results 1 to 3 of 3

Thread: Logo size on mobile

  1. #1
    Junior Member
    Join Date
    Aug 2014
    Posts
    8

    Logo size on mobile

    Hello,

    Is there any custom CSS to make the logo a bit smaller on mobiles devices or screens with less than 400px?

    Please check this to see how looks my website:
    http://www.responsinator.com/?url=innovamotion.com%2F

    Also you will see on iPad portrait and iPad landscape that the header does not look good. Is there any custom CSS to quit the menu and show the mobile device menu?

    Thanks.

  2. #2
    Lead Coder Fabio's Avatar
    Join Date
    Aug 2011
    Posts
    2,081
    Hello,

    about the logo, you can resize its size at mobile resolution by adding to theme options -> custom CSS the following code

    Code:
    @media (max-width: 767px) {
        #logo img {
            max-width: 200px;
        }
    }
    Feel free to adjust the value according to your needs. Showing the mobile menu at ipad resolution would require much more customizations so we cannot provide a easy/quick way to do it.
    My cave is full of servers

  3. #3
    Junior Member
    Join Date
    Aug 2014
    Posts
    8
    Thanks for the code. It worked.