Can I use Additional.css Template for Mobile Style?

Collapse
X
 
  • Time
  • Show
Clear All
new posts

  • Wayne Luke
    replied
    Then you will need to experiment with your custom CSS and template changes to get it to work. I suggest using the developer tools in a desktop browser such as Google Chrome to find the elements you need to apply your CSS to.

    Leave a comment:


  • albanah
    replied
    Originally posted by Wayne Luke
    Just remove ".site-logo img" from the above code.
    it did not work either.

    Leave a comment:


  • Wayne Luke
    replied
    Just remove ".site-logo img" from the above code.

    Leave a comment:


  • albanah
    replied
    Originally posted by In Omnibus
    You need to use media queries and the correct CSS:

    media only screen and (max-height: 480px) {
    #header .site-logo img {
    padding: 5px;
    height: 100px;
    }
    }
    I tried your code, it did not work either.
    What I need is to increase the header height, not the logo size itself.

    Leave a comment:


  • In Omnibus
    replied
    You need to use media queries and the correct CSS:

    media only screen and (max-height: 480px) {
    #header .site-logo img {
    padding: 5px;
    height: 100px;
    }
    }

    Leave a comment:


  • albanah
    started a topic Can I use Additional.css Template for Mobile Style?

    Can I use Additional.css Template for Mobile Style?

    I tried changing the code for logo but in additional.css template but it did not work and nothing changed.

    HTML Code:
    #header {
    
        padding: 5px;
        height: 100px;
    
    }

Related Topics

Collapse

Working...