We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Status: Waiting on customer

Ticket #13893 - website is not correct with some browsers

Hi!

some people says that webpage is now viewed correctly in their browsers. I have tested that and I have seen that:
test 1:
- in picture 1-1 is ok, is what we want. always wants 4 columns from 800px website width
- in 1-2 is with internet explorer... appears all the products in the same row!!!! that’s a problem!
- in 1-3 appears only 3 columns when it should be 4 column products in a stardard pc with 1024px width resolution

it must be fixed as soon as possible please!

test 2:
- the “quick view” button on the hover product must be like picture 2-1
- in picture 2-2 appears in green the button background... and it should be black!

test 3:
- some days ago the menu was working correctly. I mean, if you go to any website page or product, you will see that if the cursos is on the “product” menu section, a submenu is shown when mouse over. now, we don’t know why, the submenu is not visible in the home page, but yes in the other website pages. this submenu shoud be active always, like some days ago... but now in home page is not working. how can it be fixed?

waiting for your reply

jou tarrat

1-1.JPG (1.65 MiB)
1-2.JPG (133.9 KiB)
1-3.JPG (106 KiB)
2-1.JPG (111.3 KiB)
2-2.JPG (118.6 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 08 Mar 2019, 13:27

1. IE is fixed
2. There is an option min-width:300px for product item, so items number changed accordingly. You can adjust it as you like in the theme.css file http://take.ms/xGGq3

3. Looks fine for me http://take.ms/ajx2K I don't see green background there
4. Menu also works fine for me http://take.ms/J6GUa

jou tarrat (joutm) 08 Mar 2019, 20:25

1. perfect. now is fixed with internet explorer v11
2. I have changed the value to 25%, and in this way appears always in 4 columns for big and mediuem displays... but in mobile still appears in 4 columns... is it possible to add an exception to be 25% except will screen less than 800px width, for example?
3. only happens with internet explorer... with the rest browsers appears ok.
4. yes, i see that it works well if i clear the cache... but i dont know why i need to clear the cache for that

in addition, with internet explorer the submenu sections are not well displayed. in picture 3-2 is correct with all the browsers, and 3-1 is how is with internet explorer v11, where the sames has too much space between lines.
can it be fixed as well?

thanks

3-1.JPG (1.69 MiB)
3-2.JPG (1.87 MiB)
jou tarrat (joutm) 10 Mar 2019, 15:50

1. perfect. now is fixed with internet explorer v11
2. I have changed the value to 25%, and in this way appears always in 4 columns for big and mediuem displays... but in mobile still appears in 4 columns... is it possible to add an exception to be 25% except will screen less than 800px width, for example?
3. only happens with internet explorer... with the rest browsers appears ok.
4. yes, i see that it works well if i clear the cache... but i dont know why i need to clear the cache for that

in addition, with internet explorer the submenu sections are not well displayed. in picture 3-2 is correct with all the browsers, and 3-1 is how is with internet explorer v11, where the sames has too much space between lines.
can it be fixed as well?

thanks

3-1.JPG (1.69 MiB)
3-2.JPG (1.87 MiB)
Marek (marek) 11 Mar 2019, 11:31

2. you can use "media queries":

@media (max-width:800px) {
.item {width:50%}
}
@media (mmin-width:800px) {
.item {width:25%}
}

3. I see an error in your custom.css file, wrong code format
4. Fixed

Loading...