Second logo does not work well

1 reply · opened Mar 22, 2019

GgherardoMar 22, 2019

Hi, this is my url: http://www.feedforfood.it

Note that the second logo on the right (calv alimenta) is not in the dark form like the first on the left (feed for food).
I definitely made an error in the following modified code in the header

<header id="header" class="transparent-header dark" data-sticky-class="not-dark" data-responsive-class="not-dark">
<div id="header-wrap">
<div class="container clearfix">
<!--<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>-->
<div class="col_half nobottommargin ">
<div id="logo">

attachment


attachment

</div>
</div>
<div class="col_half fright col_last nobottommargin d-none d-xl-block">
<div id="logo" class="fright nomargin">

attachment


attachment

</div>
</div>

</div>
</div>
</header><!-- #header end -->

Thanks for your help
Gherardo

SSemicolon WebSTAFFMar 26, 2019

Hello,

Currently, only 1 Logo is supported on the Headers. Additionally, you are using two #logo Elements on the same page which makes your HTML invalid. You will need to use something like #logo-2 for the 2nd Logo and also need to change the logo: function() Function Block in the js/functions.js File according to the newly added Logo: #logo-2.

This will definitely fix your issue. 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