header two colors

5 replies · opened Dec 2, 2020

Ddiogogomes101Dec 2, 2020

Hello,
I need help to solve problem in my website.

When scrool down the logo not change.
I want you to change the logo and color of the menu letters

SSemicolon WebSTAFFDec 2, 2020

Hello,

There appears to be some error with the Header Codes. According to your Codes, the Header is set to Dark Scheme on both Non-Sticky and Sticky Modes. To fix this consider replacing your existing code with this:
[ch_pre][/ch_pre]

This should fix the issue. Hope this Helps!

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

Ddiogogomes101Dec 2, 2020

My problem is solve this code:

<header id="header" class="full-header dark transparent-header" data-sticky-class="dark" >

why?
In the other pages this code not working...

http://dginformatica.pt/anchor/quem_somos.html

Another questions:

1- How do I change the colors of the menu phrases on each slide?
2 - How change the size header menu with scroll down?
3 - Was trying to put a link in the menu to go down to a part of the site. can you see what I'm missing to work? data-href="#section-produtos" ??

Thanks

SSemicolon WebSTAFFDec 3, 2020

Hello,

Apologies for the Inconvenience caused!

Unfortunately, we appear to be misunderstanding your issues.

In this Page: http://dginformatica.pt/anchor/quem_somos.html, your code is this:
[ch_pre][/ch_pre]

which is not the same as the code on this Page: http://dginformatica.pt/anchor/, so this does not work correctly.

  1. This is currently not supported out of the box. You will need to Customize the Codes according to the Swiper APIs: https://swiperjs.com/api/#events .

  2. Consider checking out the Documentation here: http://docs.semicolonweb.com/docs/header/header-heights/ to change default Header Heights and for Sticky Header Heights here: http://docs.semicolonweb.com/docs/header/sticky-header/ .

  3. Since you are planning to use this functionality only on One Menu Item, consider using data-scrollto="#section-produtos" instead.

Hope this Helps!

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

Ddiogogomes101Dec 3, 2020

Hello,

Thanks for your help.
One more question :)

It's possible data-scrollto="#section-produtos" in contact page to show index page section-produtos?

SSemicolon WebSTAFFDec 3, 2020

Hello,

This is not included out of the box for the data-scrollto Sections but is definitely possible. Consider following the steps:

  1. On the Contact Page, simply use href="http://your-website.com/index.html#section-produtos". Don't use data-scrollto.

  2. On the Index Page, paste the following code at the bottom of the Page after the js/functions.js JS File Linking:
    [ch_pre]
    $(window).on('beforeunload', function() {
    $(window).scrollTop(0);
    });

$(document).ready( function(){
$(window).scrollTop(0);
});

jQuery(window).on('load', function(){
var divScrollToAnchor = window.location.hash;

if( jQuery(divScrollToAnchor).length > 0 ) {
	var t = setTimeout( function(){
		jQuery('html,body').stop(true).animate({
			'scrollTop': jQuery(divScrollToAnchor).offset().top - 80
		}, 700, 'easeOutQuad');
	}, 1000);
}

});
[/ch_pre]

This will definitely work fine. 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