Announcement

Collapse
No announcement yet.

Can I use Additional.css Template for Mobile Style?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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;
    
    }

  • #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


    • #3
      Originally posted by In Omnibus View Post
      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


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

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud customization and demonstration site.
        vBulletin 5 Documentation - Updated every Friday. Report issues here.
        vBulletin 5 API - Full / Mobile
        I am not currently available for vB Messenger Chats.

        Comment


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

          Comment


          • #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 customization and demonstration site.
            vBulletin 5 Documentation - Updated every Friday. Report issues here.
            vBulletin 5 API - Full / Mobile
            I am not currently available for vB Messenger Chats.

            Comment

            Related Topics

            Collapse

            Working...
            X