This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Adjust percentage of logo scaling on sticky menu.

Open 3 replies customizationthemetheme-north
Mitchell Krog
7 years ago · Last reply by Andrew Misplon 7 years ago

Firstly love North, such a clean theme and beautifully designed.

I have searched the forums high and low but not quite finding a solution to this.

With sticky menu active, when I scroll down my custom logo becomes far too small. On desktop especially it’s tiny but on a mobile device it’s not too small.

I notice this happens automatically with the

data-scale-logo="true"
section but I cannot find a way to tell it how much to scale by. I would like it to only change in size by 50% of the original unscaled logo. Tried many css mods from the forums for logo scaling but not able to resolve this as yet.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 7 years, 3 days ago

    Hi Mitchell

    Thanks for your support :)

    Please, try the function and instructions here:

    Page: Advanced Customizations

    And let us know how it goes.

  2. Mitchell Krog 7 years, 3 days ago

    Thanks Andrew, I did manage to solve it after posting but could not update my thread yet. I found this which works like a charm.

    /* Fix Logo Scaling */
#masthead.floating .site-branding img {
	min-width: 120% !important; 
  min-height: 80%;
}
  3. Andrew Misplon Staff 7 years, 3 days ago

    Super, glad to hear you’ve made progress.

    You could also use:

    #masthead.floating .site-branding img[style] {
	width: 90% !important;
}

    And adjust the 90% value as required.

    Please, keep in mind that if you’re uploading a Retina logo it should be exactly double-size of your normal logo.

    A double sized logo to use on retina devices. If for example, your regular logo is 200px x 100px, your Retina logo should be exactly double the size, 400px x 200px.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread