Logo Size on Mobile - Acme Themes

This topic has 9 replies, 2 voices, and was last updated 6 years, 4 months ago by acmesupports.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
May 9, 2017 at 7:03 pm #16951

David Jennings
Participant

Hi,

When viewing the website on smaller screens like mobile and tablet, the logo appears larger and takes up more of the screen. I have made the logo 290 x 70 as recommended but no avail.

Website I am having trouble with is: http://www.myappbuilder.co.uk

Thanks

May 10, 2017 at 4:28 am #16963
acmesupports
Moderator
Hello David Jennings,
Try adding the below CSS codes on Appearance > Customize > Additional CSS.
```
@media only screen and (max-width: 500px) {
   .custom-logo {
    width: 120px;
 }
}
```
Hope, this will help to decrease the logo size on mobile.

Regards
May 10, 2017 at 5:14 pm #16995

David Jennings
Participant

Thanks for your quick reply, this has now fixed the issue on mobile, however, it is still way too big on tablets…?

May 11, 2017 at 4:23 am #17001
acmesupports
Moderator
If the tablet logo is not small, please remove the above css and add the below one.
```
@media only screen and (max-width: 787px) {
   .custom-logo {
    width: 120px;
 }
}
```
Let us know, how it works or not.

Thank you
May 14, 2017 at 8:53 am #17058

David Jennings
Participant

Works great now, thank you for your help.

One more question, is there a way I can make pages full width (not contained in a page box) so I can have any page look like my homepage?

May 14, 2017 at 3:41 pm #17078

acmesupports
Moderator

Can you please provide the actual page link of that page with you want to make full width ?

Thank you

May 14, 2017 at 6:30 pm #17079

David Jennings
Participant

It would be great for a few pages if I could pick and choose some how, here is one of them:

DIY App Builder

thanks

May 15, 2017 at 4:51 am #17087
acmesupports
Moderator
Hello David,
Please add the below CSS on Appearance > Customize > Additional CSS
```
article.post, article.page {
    background-color: transparent;
    box-shadow: none;
}
article.post .content-wrapper,
 article.page .content-wrapper {
    padding: 0;
}
```
Hope, this will solve the issues.

Regards
May 15, 2017 at 7:35 pm #17102

David Jennings
Participant

You are amazing! Thank you for all your help.

May 16, 2017 at 4:01 am #17121

acmesupports
Moderator

Nice to know that your problem is solved.
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Logo Size on Mobile’ is closed to new replies.