lt-digix – problem with .header.header-sticky

Open Community SupportCategory: Joomla! Template Questionslt-digix – problem with .header.header-sticky
Jerzy Jurecky asked 2 years ago

The white horizontal stripe on which the menu is not shown to me immediately after scrolling with the browser sidebar. Shows only in 1/4 of the height. As a result, the scrolling text on the page overlaps the menu.

5 Answers
Best Answer
Jerzy Jurecky answered 2 years ago

Kelvin Staff answered 2 years ago

Hello,
Can you send me your site URL, and attach pictures to dropbox.com and send me a link?

Jerzy Jurecky answered 2 years ago

I have a solution but it’s not like the original. If it changes the default.css file.
Original version of the file from line 41.
body.home .header {
position: fixed;

}
.header.header-sticky {
background: rgb (255, 255, 255);
position: fixed;
box-shadow: rgba (0, 0, 0, 0.1) 0px 0px 18px 1px;
height: 80px;
}

Exchange for:

body.home .header {
position: fixed;
background: rgb (255, 255, 255);
box-shadow: rgba (0, 0, 0, 0.1) 0px 0px 18px 1px;
height: 80px;

}
.header.header-sticky {

position: fixed;

}
This effect is satisfactory but not the same as on the original template.

How to make it look like the original.
http://jurecky1.ehost.pl/zalfon_2/

Jerzy Jurecky replied 2 years ago

I changed the default.css to one with this error so you can see this error. Request for suggestions.

Kelvin Staff replied 2 years ago

Hello,
I see it’s very nice header now, same our demo site.
Do you want to need more help?

Jerzy Jurecky answered 2 years ago

If you drag the button down, you can see that the letters overlap the menu. It should be so that they hide under the menu on which a white bar appears. It happens but not immediately. In the demo it is right away.

Kelvin Staff replied 2 years ago

Thank you, please go to Template Settings, open tab “Custom Code” and add more CSS as below for Custom CSS code field
.sp-megamenu-parent {
background: #fff;
}

Jerzy Jurecky answered 2 years ago

I added a white background to your code under the logo and it’s great. Thank you for your help.
.sp-megamenu-parent {
background: #fff;
}
#sp-logo {
background: #fff;
}

Kelvin Staff replied 2 years ago

Yes, glad your issue has been solved 🙂

Jerzy Jurecky replied 2 years ago

thank you for all

Flash Sale! Get 25% Off On All Purchases on Today. Coupon code: FLASHSALE25 Check it out!
Flash Sale! Get 25% Off On All Purchases on Today. Coupon code: FLASHSALE25 Check it out!