Layout distortion iPad

[lucavanello]

Hi,
When accessing the link www.lucavanello.com on my iPad mini using safari the whole layout is disrupted (compared to when viewed on my laptop using safari). Below a screenshot from the iPad

What can i do ?

[mariusjopen]

Dear @lucavanello
this problem occurs because you have fixed distances between the menu points.
When you move the browser size you can see what I mean.

You can try to make a % distance between the menu points instead.

Best!

Marius

[lucavanello]

Dear Marius,
Thanks for the answer. I have tried this but can't seem to be able to choose the % when deciding about the space between the different entries on the menu, there is only the px option.
Am I doing something wrong?
Below the photos!

0_1529766410763_IMG_9135.JPG

[mariusjopen]

Dear @lucavanello

try this one:

.primary li {
    margin-right: 10% !important;
}

Best!

Marius

[lucavanello]

Dear Marius,
Thanks for the reply. Is this a bit of coding ? As not familiar with coding
thanks

[mariusjopen]

Dear @lucavanello

yes. This is coding.

Have a look here:

Also I recommend a beginner tutorial about HTML and CSS at Codeacademy.

Best!

Marius

[lucavanello]

thanks! will give it a go

[mariusjopen]

Great! :-D