Can I use Additional.css Template for Mobile Style?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • albanah
    Senior Member
    • Jan 2010
    • 337
    • 5.7.0

    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;
    
    }
  • In Omnibus
    Senior Member
    • Apr 2010
    • 2310

    #2
    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;
    }
    }

    Comment

    • albanah
      Senior Member
      • Jan 2010
      • 337
      • 5.7.0

      #3
      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.

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 73981

        #4
        Just remove ".site-logo img" from the above code.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment

        • albanah
          Senior Member
          • Jan 2010
          • 337
          • 5.7.0

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

          Comment

          • Wayne Luke
            vBulletin Technical Support Lead
            • Aug 2000
            • 73981

            #6
            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.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API

            Comment

            Related Topics

            Collapse

            Working...