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

Ticket #13010 - Picture bug size on menu using Chrome

Hi Marek,

I just discovered that, same menu displayed diffenrently on firefox and google chrome –> see attached files please.

Why and how i can correct this please?

Thank you

ff.JPG (916.9 KiB)
chrome.JPG (799.3 KiB)

This ticket does not depend on any other tickets.

Rizak (vatna) 03 Oct 2018, 18:45

... I probably have a kind of same trouble here, in the menu part too.
See attached files please.

I use the same code to display chapters menu titles and icones.
The first one is definitly too big, i don't know why.
Could you help?

B.JPG (730.8 KiB)
A.JPG (726 KiB)
Marek (marek) 04 Oct 2018, 15:29

Please take a look into the source code ot your submenus http://take.ms/1Dg7Z Try to remove selected code

Rizak (vatna) 04 Oct 2018, 16:21

Off course, thank you Marek i missed this one.

Any idea for the little icon issue?
I closely checked code and picture size for this one, i don't know what's wrong

Marek (marek) 04 Oct 2018, 16:32

The same issue. Please take a look onto the source code of the menu item

Rizak (vatna) 10 Oct 2018, 23:36

Hi Marek,

I really don't get it

Code seems to be correct, please check : 1.jpg

I think there is a bug somewhere, please check : same_code_1.jpg and same_code_2.jpg

Strange thing, isn't it?

1.jpg (545.7 KiB)
same_code_1.jpg (926.7 KiB)
same_code_2.jpg (534.3 KiB)
Marek (marek) 11 Oct 2018, 11:15

you have to remove "style='...'"

Rizak (vatna) 13 Oct 2018, 01:18

Hi Marek,

If i remove " style' ' " and reduce size of pictures, the menu on computer is ok but on mobile phone the display is so big. Please check 2.jpg and 3 jpg.

I can't reduce more in my opinion, to get something good on mobile i need to reduce pictures a lot, which will give very small(too small) icons on computer.

Why same code doesn't produce same effect? The other 4 icons of the menu have a normal behaviour with " style'' ", both aon computer and mobile.

I can't understand, what can i do more ?

2.JPG (806.2 KiB)
3.JPG (615.3 KiB)
Marek (marek) 13 Oct 2018, 09:41

you can set "max-width" property

style="max-width:30px"
Rizak (vatna) 14 Oct 2018, 16:25

Works but not satysfiyng.
To get a good size on mobile devices, pictures on computer are very very small ...

I can't use that

Rizak (vatna) 16 Oct 2018, 15:02

... I solved the problem.
I removed icons :(

Loading...