Okay
  Public Ticket #861113
Light color logo not appearing on nav bar
Closed

Comments

  •  2
    Jan started the conversation

    Hi,

    Great theme... the top left logo doesn't change from the nav state when you scroll down from the Dark Bar to the White Bar... the code isn't changing the logo image... it's pulling the same logo "logo_elixir.png" in both instances. It's fine for the theme because it's gold... but my logo needs a reversed out and a color version.... like you have on the Black color picker.

    <div class="navbar-header page-scroll">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                        <i class="fa fa-bars"></i>
                        </button>
                        <a class="navbar-brand normal logo" href="#home"><div class="logo_elixir"></div></a>
                        <a class="navbar-brand mini" href="#home"><div class="logo_elixir dark"></div></a>
                        <a class="navbar-brand mini darker" href="#home"><div class="logo_elixir dark"></div></a>
                    </div>


    Please advise,

    J


  •  840
    Jelly replied

    Hi,

    Maybe you can provide website url so I can check it and understand your question better?

    Best Regards,
    Jelly Team

  •  2
    Jan replied

    Yes... it's obviously not finished but...

    http://jennerkosmis.com/HTML/Yampy2/index.html

    Also the "pointing arrow down" on the main slider is not working, nor the map (but I can save that for another ticket closer to launch.

    Thanks again, 

    J

  •  840
    Jelly replied

    Hi,

    I'm still don't understand your, I see the logo work good in my side. But if you want two version of logo, please try:

    .logo_elixir {background:url("../../images/color/logo_elixir_black.png");} // This logo for top menu
    .logo_elixir.dark {background:url("../../images/color/logo_elixir_black_dark.png");} // This logo for scroll menu

    Just change it to your logo you need.

    For the scroll down button in main slider, I tried and it's work good in my side too, so what the problem about it?

    Best Regards,
    Jelly Team

  •  2
    Jan replied

    It doesn't work... because it doesn't know how to pull the "black.css" from the "index.html"

    I changed the logos in "elixir.css" and created a new dark class... but the HTML is not displaying it... see screenshot.

    It shows the "logo_elixir.png" logo... but not the " logo_dark.png" on the scroll... because the index.html doesn't know how to show it

    Elixir.css

    .logo_elixir {
    display: inline-block;
    float: left;
    width: 110px;
    height: 50px;
    background: url("../images/logo_elixir.png") no-repeat;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

    // white logo//

    .logo_elixir.dark {
    display: inline-block;
    float: left;
    width: 110px;
    height: 50px;
    background: url("../images/color/logo_dark.png") no-repeat;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

    //dark logo//


    The HTML file...

    <div class="navbar-header page-scroll">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                        <i class="fa fa-bars"></i>
                        </button>
                        <a class="navbar-brand normal logo" href="#home"><div class="logo_elixir"></div></a>
                        <a class="navbar-brand mini" href="#home"><div class=".logo_elixir.dark"></div></a>
                        <a class="navbar-brand mini darker" href="#home"><div class=".logo_elixir.dark"></div></a>
                    </div>


    I can have it point to the black.css if that's easier... but I need to know where to put that code in the "index.html" file so it displays the black.css. Even if I change all the code to it, it still doesn't work...  I added the "<link rel="stylesheet" href="css/black.css" />" stylesheet.

    <div class="navbar-header page-scroll">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                        <i class="fa fa-bars"></i>
                        </button>
                        <a class="navbar-brand normal logo" href="#home"><div class=".black .logo_elixir"></div></a>
                        <a class="navbar-brand mini" href="#home"><div class=".black .logo_elixir"></div></a>
                        <a class="navbar-brand mini darker" href="#home"><div class=".black .logo_elixir.dark"></div></a>
                    </div>


    Does that make sense? Where do I put "black.css" in the "index.html"?

    "scroll down button" does not show on iPhone 6.


  •  840
    Jelly replied

    Hi,

    Please provide the two logo one for top and one for scroll down menu, then provide ftp information via private reply. I will check it and correct it for you.

    Also, the class not include dot in class="" just need black or dark only.

    Honestly, you not need copy code, some case, it justs make your question difficult to understand. So the last confirm you want add the black.css in index.html file? Check the documentation in: Change color section.

    Our document in documentation -> index.html (click to open it on browser and read)

    Best Regards,
    Jelly Team

  •   Jan replied privately
  •  840
    Jelly replied

    Hi,

    Please check your information again, I can't login in your ftp to check your source code.

    Status:    Connecting to 198.57.151.34:21...
    Status:    Connection established, waiting for welcome message...
    Status:    Initializing TLS...
    Status:    Verifying certificate...
    Status:    TLS connection established.
    Status:    Check your login credentials. The entered password starts or ends with a space character.
    Error:    Critical error: Could not connect to server
    

    Best Regards,
    Jelly Team

  •   Jan replied privately
  •  840
    Jelly replied

    Hi,

    I had updated it correct now, please check your website.

    Best Regards,
    Jelly Team

  •  2
    Jan replied

    That's great! Thank you so much. What about the map? Is that something you can help me with?

    Thanks so much!

  •  2
    Jan replied

    I created the API key and put it in... so the map is working... but not at the correct location... How do I change the location?

  •  2
    Jan replied

    Nevermind... I found the information in the plugin file! Thanks so much!

  •  840
    Jelly replied

    Hi,

    Glad it’s working for you now. Do you still need my help?

    Best Regards,
    Jelly Team