Logo showing very small on mobile

Comments

• Emidi

  July 2016

  Sorry, site location is now at www.safehavenmedicalholiday.com.au
  
• Albert

  July 2016

  Hi,
  
  1. This is how large logos works on mobile devices. So, if you don't like it, you can set logo for mobile devices under Theme options > Responsive section.
  
  2. http://forum.muffingroup.com/betheme/discussion/10575/back-to-top-button-color
  
  3. This could be everything (heavy images, videos, plugins, hosting, etc.).
  
  4. You can remove social footer with the following css:

  #Footer .footer_copy .social { display: none !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Emidi

  August 2016

  Hi,
  
  Thanks for your response
  
  I have added another logo in the responsive section, but it's still showing up very small. Any idea how i can make it bigger?
  
  Also, there are 2 more issue I have found when viewing on mobile:
  
  1. The info boxes are being all being cut off - eg. http://safehavenmedicalholiday.com.au/dental-services/braces/
  
  2. The title bar becomes very large
  
  Thanks, I look forward to hearing back from you.
  
• Albert

  August 2016

  If it's still to small, then all we can recommend is to remove padding around logo completely with the following css:

  .header-plain #Top_bar .logo #logo { padding: 0 !important; }

  1. Where do you have Info Box cut off? Sorry but we do not see what you mean.
  
  2. If you want, you can decrease title size with the following css:

  #Subheader .title { font-size: 20px !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Emidi

  August 2016

  Hi,
  
  Thanks for your reply. Please see my responses:
  
  Logo: Thank you - that worked well!
  
  The info boxes that appear on all pages under the dropdown menus "DENTAL" and COSMETIC". When you view these boxes on the phone it cuts off half the box and you can't see all the content.
  
  Title bar: I meant the height of the title bar itslef, not the font size. On the computer it shows up perfectly but on the phone it is very big (the height).
  
  Thanks, I look forward to hearing back.
  
  
• Albert

  August 2016

  About Info Boxes: We found it. Looks like Visual Composer is using 1em of bottom padding by default. And if you want to increase this padding, you need to use extra css:

  .square_box-icon .aio-icon-description { padding-bottom: 3em !important; }

  About Title Bar: To decrease title padding, please use:

  .minimalist-header-no #Subheader { padding: 20px 0 !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next