Okay
  Public Ticket #46745
Logo on iphone
Closed
  •  1,300
    Tahir - SUPPORT replied

    Hey Jason!

    If you are having any issue please create a private ticket with your site url so i can provide custom css. 

    Thanks

  • Jason replied

    I need to do this as well but the code snippet above has no effect. I see that it's old, is there a new version?

  • David replied

    Replying to my last post.  The problem I was having had nothing to do with the CSS snippet in this thread.  The issue with the mobile display had to do with a modification I made to the init.js file.  I fixed that and everything works, including the CSS snippet above.

  • David replied

    Has anyone else had an issue where adding this CSS snippet messed up the header on mobile display? I'm working on the last few tweaks of my site and the mobile display was nearly perfect.  I wanted the logo to be slightly larger, so I added the code mentioned in this thread to the Custom CSS box in the theme options panel.  It made the logo larger, but also removed my pages' header feature images and text.  In place of the images is a ton of blank space.  Something went wrong.

    I removed the code snippet from the Custom CSS box and emptied the cache and history of my iPhone's Safari browser, hoping to return things to normal- but it didn't work.  The header is messed up and I can't figure out how to fix it.

  •  69
    I Am replied

    Jason, the password secretsquirrel is not allowing me through - please start your own ticket in regards to the issue you're facing because the snippet above is still valid and should work under normal circumstances.

    Cheers!

  • Jason replied

    I added this code

    @media only screen and (min-width : 1px) and (max-width : 1000px) {
       body header#top #logo img { 
          height: 27px !important;
       } 
    
       #header-outer {
          height: 73px !important; 
       } 
    }
    

    But it isn't working for me.  Please help.  http://villagegreenstudios.com/view17  PW=secretsquirrel

     

    Thanks in advance.

     

  •  69
    I Am replied

    Hey Patrick! It's located near the bottom of the general settings tab in the theme options panel. :)

  • Patrick replied

    Hi there - where is the "custom css box in the theme options panel" that you speak of? I am having this same issue and trying to resolve.  Thank you!

  • Daniel replied

    Works perfectly! Thanks!

  •  69
    I Am replied

    Hey Daniel!

    enter this snippet into your Custom CSS box in the theme options panel:

    @media only screen and (min-width : 1px) and (max-width : 1000px) {
       body header#top #logo img { 
          height: 54px!important;
       } 
    
       #header-outer {
          height: 80px!important; 
       } 
    }
    

    Of course change the header height and img height to whatever you desire :)

  • Daniel started the conversation
    Hi Nectar, Is there a way to make my logo look bigger when it is viewed on the iPhone? Right now it looks tiny as compared to the SALIENT logo. Is this due to the orientation of my logo?