header fixed

[angelo la rosa]

Hi, I will like to request the code to make the header stay on the top when it scrolls on the theme SKT HR Management thank you. I bought it one month ago.

[Sonnal S Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Dave

[angelo la rosa]

of course, the site is under construction and is called http://nuovo.fiorellarustici.com/, it will replace the current http://fiorellarustici.com/, now it is hidden in maintenance, but you can bypass the maintenance panel with the following id and pw: franco – 12345678. I would like the header, that is the white band containing only the logo and the menu (not the topbar, only the header), to remain always visible even when scrolling with the mouse. Is it possible?

Thanks
Angelo La Rosa

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header_wrap.layer_wrapper {
    width: 100%;
    position: sticky;
    top: -50px;
    float: left;
    z-index: 20;
}

.home2_section_area, .home4_section_area { float:none;}

Regards,
Dave

[angelo la rosa]

Thanks it works, but I have active sections 4-7-9-12-14,
I would like the header to remain fixed without ever sliding up. I tried to add this code: .home2_section_area, .home4_section_area
for all sections but in section 7 it slides up …
What should I add to make it always visible? Thank you

[Sonnal S Sinha]

Hi,

Kindly use this one

.header_wrap.layer_wrapper {
    width: 100%;
    position: sticky;
    top: -50px;
    float: left;
    z-index: 20;
}
.home2_section_area, .home4_section_area, .home3_section_area, .home5_section_area, .home6_section_area, .home7_section_area, .home8_section_area, .home9_section_area, .home10_section_area, .home11_section_area, .home12_section_area, .home13_section_area, .home14_section_area, .home15_section_area, .home16_section_area, .home17_section_area { float:none;}

Regards,
Dave

[angelo la rosa]

Unfortunately, as I said in the previous email, when I get to section 4 and go up to the next section, the header goes up too. I enclose the code contained in the page of section 4, which is what interferes with the command of the css? I must also say that for section 4 I have decreased the pixels of the padding above and below, can this also affect the sliding of the header up to hide itself in section 4? In line 314 of the style.css file I wrote this for aesthetic reasons: .home4_section_area{width:100%;padding:5px 0 10px;clear:both;float:left;overflow:hidden}

Section 4:
[su_row class=””]
[su_column size=”2/5″ center=”no” class=””]
[space height=”60″]
[su_button url=”http://nuovo.fiorellarustici.com/corsi” target=”” style=”3d” background=”#ff0000″ size=”20″ wide=”yes” radius=”50″ title=”Registrati alla newsletter”] Registrati alla newsletter
[/su_button]
[su_button url=”http://nuovo.fiorellarustici.com/corsi” target=”” style=”3d” background=”#ff0000″ size=”20″ wide=”yes” radius=”50″ title=”Fai il tuo test”] Fai il tuo test[/su_button]
[su_button url=”http://nuovo.fiorellarustici.com/corsi” target=”” style=”3d” background=”#ff0000″ size=”20″ wide=”yes” radius=”50″ title=”Prenota il tuo corso”] Prenota il tuo corso [/su_button]
[su_button url=”http://nuovo.fiorellarustici.com/corsi” target=”” style=”3d” background=”#ff0000″ size=”20″ wide=”yes” radius=”50″ title=”Fai la tua domanda”] Fai la tua domanda[/su_button]
[/su_column]
[su_column size=”3/5″ center=”no” class=””]
[space height=”40″]
[promobox2 bgcolor=rgba(255,255,255,1) leftbordercolor=”#ff0000″]</p>
<h1 style=”text-align: center;”><span style=”font-size: 36px; color: #000000;”>Domenica 23 giugno: EVOLUTION DAY</span></h1>
<p style=”text-align: justify;”><span style=”font-size: 20px; color: #000000;”>La ricercatrice delle meccaniche mentali universali, Fiorella rustici, ha istituito l’EVOLUTION DAY per permettere a tutti quelli che desiderano evolversi attraverso la nuova conoscenza delle meccaniche mentali, oppositrici della coscienza, di partecipare a uno dei Corsi Introduttivi a un prezzo di accoglienza.</span></p>
<p><span style=”font-size: 20px; color: #000000;”>La scelta del corso offerto può dipendere anche da voi.</span></p>
<p style=”text-align: justify;”><span style=”font-size: 20px; color: #000000;”>Vota il tuo corso preferito per l’EVOLUTION DAY tra i Corsi Introduttivi </span></p>
<p><span style=”color: #000000;”>[/promobox2] [/su_column] [/su_row]</span></p>

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? after using our custom CSS. Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[angelo la rosa]

https://imgur.com/a/b7u7Myu

thanks to you

[Sonnal S Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Sonnal S Sinha]

Hi,

Issue have been resolved. Kindly check and confirm

Regards,
Dave

[angelo la rosa]

I confirm it works perfectly thanks
Angelo La Rosa

[Sonnal S Sinha]

Hi Angelo,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/23/

Regards,
Dave

[angelo la rosa]

Very useful is the support for the sometimes indispensable changes to style sheets. In this way you learn to better understand your theme and manage it more completely

[Sonnal S Sinha]

Hi Angelo,

Kindly post here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/23/

Regards,
Dave

[Author]

Posts