Logo showing very small on mobile

Emidi · July 2016

Hi there,
I have a few queries.

1. The logo is showing perfectly on the computer, however it is very small on mobile devices. (about 1/3 of the width of the screen) It is set to 80px height in theme options.

2. How can I adjust the background colour of the 'back-to-top' button?

3. My site is very slow to load, do you know why this could be?

4. How do I remove the Facebook icon link on the copyright area?

Site location is currently www.orangefishdesign.net.au/websites/safehavenmedicalholiday

Thanks, I look forward to hearing back from you.

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

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

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

Logo showing very small on mobile

Comments