We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 04.05.18, 23:32
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12063 - anchor under menu

Hi Marek,

When I use sticky header anchor shows behind header not under. Could you fix it.


This ticket does not depend on any other tickets.

Marek (marek) 16 Apr 2018, 16:09

Hi, Krzysiek.
I don't see the anchor, could you please take a screenshot?

Krzysiek (krysitchek) 16 Apr 2018, 18:16

For instance #conditions-to-approve
When you did not agree with terms of conditions there is an alert with link to that checkbox.

Zrzut ekranu 2018-04-16 o 12.... (35.2 KiB)
Marek (marek) 17 Apr 2018, 11:27

Try following CSS:

body #header .header-main-wrap.sticky {z-index:9999}
Krzysiek (krysitchek) 17 Apr 2018, 12:01

Does not work...
All cache cleared.

Zrzut ekranu 2018-04-17 o 12.... (31.5 KiB)
Marek (marek) 17 Apr 2018, 12:16

Seems I don't understand the issue. I just purchased some product in your store with no problems

Krzysiek (krysitchek) 17 Apr 2018, 13:09

It is not a problem with purchasing.

At the bottom of the page there is an alert with two links:
1. that you have to chose payment method
2. agree with terms.
Otherwise you won't be able to click the button.

This links send you to part of a page where you have to check the checkbox and that checkbox is behind header, so actually you can not see what you have to do.

For instance. I did not check "agree with terms" so I click "Warunki" (first pic), then it sends me to check right box (second pic) but I can't see it because it is behind header. It should by like on 3rd pic.

Hope everything is clear now.

Zrzut ekranu 2018-04-16 o 12.... (38.8 KiB)
Zrzut ekranu 2018-04-17 o 13.... (26.3 KiB)
Zrzut ekranu 2018-04-17 o 13.... (43.9 KiB)
Marek (marek) 17 Apr 2018, 23:17

Yes, it's clear now.
I suppose will be better for you just remove opacity of sticky header

body #header .header-main-wrap.sticky {background:#fff}
Krzysiek (krysitchek) 18 Apr 2018, 11:57

I think you misunderstood me.

Please try to click that link "warunki" you will see what I am talking about. When you click on that you won't be able to see that checkbox. You have to scroll page to find it. For users it is not clear. When they click on something it should point exactly what they did wrong.

Like in this case. https://www.caktusgroup.com/blog/2017/10/23/css-tip-fixed-headers-and-section-anchors/

Marek (marek) 18 Apr 2018, 12:31

it requires some additional script to scroll to necessary place, or just disable sticky menu. Please disable js smarty cache in your back office because I'm not able to do that

Krzysiek (krysitchek) 18 Apr 2018, 12:46

js smarty cache disabled

Marek (marek) 18 Apr 2018, 12:50

it's still compressed and cached http://take.ms/IsfKU

Krzysiek (krysitchek) 18 Apr 2018, 13:22

I don't know why but I can't disable it. Every time I choose "No" and click "Save" it returns to "Yes".

Zrzut ekranu 2018-04-18 o 13.... (106.7 KiB)
Marek (marek) 18 Apr 2018, 13:35

Something wring with permissions. Its not related to the theme

Krzysiek (krysitchek) 18 Apr 2018, 15:55

Should I do something? I did not change any permissions, so I have no idea where and what I should do.

Marek (marek) 18 Apr 2018, 23:01

I have no idea what is the problem I didn't see it before. Do you use some external cache module?

Krzysiek (krysitchek) 19 Apr 2018, 11:47

No,I do not. Any idea what to do in that case?

Krzysiek (krysitchek) 19 Apr 2018, 11:57

I the worst case I can reinstall it, but what with all changes which you did already? And there is no guarantee that it will help...

Marek (marek) 19 Apr 2018, 12:24

Don't do it, it's not necessary. I can try to find out what's the problem, but in case it's not related to the theme (That I'm sure of) I'll ask you to pay for my time. Please let me know your decision

Krzysiek (krysitchek) 19 Apr 2018, 12:43

The question is. How much? :)

Marek (marek) 19 Apr 2018, 12:45

I don't think it will take more then one hour, so maximum it will be 20 euro

Krzysiek (krysitchek) 19 Apr 2018, 12:59

Please be honest with me. Is it so important to fix it? If we need this only for anchor positioning (or ow to call it) so it will be cheaper to disable sticky menu. But if this can affect other problems so let's do it.

Marek (marek) 19 Apr 2018, 13:18

Don't worry. For me the best way is to solve the ticket as soon as possible, close it and do my main work. I'm not earning on such custom works. I just make an exception for you.
As for your question, if you are not planning to edit code, there is no problems with cache, but in case you will need to edit something you must disable cache to see modification

Krzysiek (krysitchek) 19 Apr 2018, 14:56

Ok, so if you need this to fix the issue so do it, but if you see it will costs more than 20 euro, leave it.

Marek (marek) 19 Apr 2018, 22:50

I have make it work but not fixed (issue with disabling compression) It allows me to disable js compression in case css compression is enabled.
As for the main issue I just add a script what highlights the form, please test it out

Krzysiek (krysitchek) 20 Apr 2018, 10:22

OK, thanks a lot it's fine for me at the moment.

Another strange thing is with Safari browser. It looks like main page loads without CSS and product pages has an error NSPOSIXErrorDomain:100 . Have you ever heard about this problem. Chrome, Firefox seem to be fine.

Marek (marek) 20 Apr 2018, 10:33

I'm working in Safari, but I never seen such kind of issue. Could you please take a screenshot?

Krzysiek (krysitchek) 20 Apr 2018, 10:42

1. Main page
2. Product page.

Zrzut ekranu 2018-04-20 o 10.... (99.9 KiB)
Zrzut ekranu 2018-04-20 o 10.... (88.5 KiB)
Marek (marek) 20 Apr 2018, 10:47

My Safari version is 11.1 (13605.
What version do you have?

Krzysiek (krysitchek) 20 Apr 2018, 10:57

11.1 (11605.

Marek (marek) 20 Apr 2018, 11:02

I don't know what to do, I can't reproduce it in my browser

Krzysiek (krysitchek) 20 Apr 2018, 11:22

I checked this also in other Safari and there everything is fine too. So this is some "local" problem.

But one more thing.
When I disable PureChat or Popup Message after some time it enables automatically.
And one more time, slider in categories has unhooked itself.

Marek (marek) 20 Apr 2018, 11:27

try to uninstall those modules.
As for slider I have to test it out locally

Krzysiek (krysitchek) 20 Apr 2018, 11:36

Ok, thanks for your help!

Have a nic weekend.

Marek (marek) 20 Apr 2018, 11:36

Wish you the same, great weather will be :)

Krzysiek (krysitchek) 24 Apr 2018, 12:26

Hi, I don't know If this problem occurs because previous issue, but I am not able to make a bank wire payment. Could you check that? It is very important. Thanks.

Marek (marek) 24 Apr 2018, 12:37

I just purchased some product with obligation to pay via bank transfer and got emails with details

Krzysiek (krysitchek) 24 Apr 2018, 12:46

Very strange thing. You are right it works on different browsers. There is something wrong with my Safari - but strange that browser is a problem. This is how page looks like.

And this is from: https://sklep.kriko.pl/module/ps_wirepayment/validation

Zrzut ekranu 2018-04-24 o 12.... (18.6 KiB)
Marek (marek) 24 Apr 2018, 15:21

I also use Safari browser, but didn't see the problem