• Resolved smartguy101

    (@smartguy101)


    Hi
    1. What do I need to change in order for the logo not to fade out? And how can I change the size of it?

    2. Does anyone know how I can make a new link in the navigation bar that sents the user to an external site?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hello,

    Thanks for using Tracks!

    You can use the following CSS to keep the logo at full opacity:

    .site-header .site-title {
      opacity: 1;
    }

    Please copy and paste that code into the “Additional CSS” section in the Customizer (Appearance > Customize). Once added there, it should take effect right away.

    To change the size of the logo, you can add the following CSS too:

    .site-title img {
      max-height: 999px;
      max-width: 999px;
    }

    That will allow the logo to display at its full size. To make it smaller, you can reduce the “999” value for either max-width or max-height until you see the logo shrinking.

    To add an external link to the menu, first create a custom menu if you haven’t already (Appearance > Menus). Then you can use the Custom Link option in the left sidebar to add any URL. We have a tutorial with more detail you can follow along with to add custom menu links.

    Thread Starter smartguy101

    (@smartguy101)

    Thanks, Ben. All works well!

    Just need to know: How can I make my custome link (e.g. ‘Gallery’) open in a new window instead of the existing?

    Theme Author Ben Sibley

    (@bensibley)

    There’s an option for that too, but it’s kind of hidden by default. In the Menus page, click the “Screen Options” tab at the top-right, check off the “Link Target” box, and then the option to open in a new tab is available: screenshot.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fading logo’ is closed to new replies.