How to change Logo Size for mobile device portrait settings

3 replies · opened Nov 20, 2018

SSkinnyAtlasMusicNov 20, 2018

Logo looks great on browser on computer, and looks great when my phone is in landscape position, but when I move my phone to the portrait position (straight up and down) my logo is smushed, how do I change the settings? where do i change them? What css file and where specifically?

Thank you!

Website
www.SkinnyAtlasMusic.com

SSkinnyAtlasMusicNov 20, 2018

Solved with adding code to custom style sheet

SSkinnyAtlasMusicNov 20, 2018

Well I got it to change size, but I cant get it centered now, the logo keeps pushing itself toward the top and does not center top to bottom.

SSemicolon WebSTAFFNov 21, 2018

Hello,

You can consider using the following CSS Code:

.device-xs #logo img {
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
}

to change the Height of the Logo so that it displays well according to the Aspect Ratio of the Width of the Video. Additionally, you will notice that the Margins used are equal and based on the Header Height of 100px. So you can change the Values according to what suits your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard