• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 03.10.18, 18:10
  • Opened by: Rizak
  • Closed by: 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

Comments

Rizak 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?

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 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 04 Oct 2018, 16:32

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

Rizak 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?

Marek 11 Oct 2018, 11:15

you have to remove “style=’…‘”

Rizak 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 ?

Marek 13 Oct 2018, 09:41

you can set “max-width” property

style="max-width:30px"
Rizak 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 16 Oct 2018, 15:02

… I solved the problem.
I removed icons :(