Bug display nav bar on smartphone

[blaouchez]

Currently, sub-headings are offset from one another 20px on left relative to the main headings

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Why is there a difference in the 2 screenshots though? When do you see the BAD version?

– Kyle

[blaouchez]

With respect to the axis, the subtopics are shifted 20px (approximately) on the left

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Please answer my question. In what scenario do you see the BAD version? All you are showing me is 2 screenshots, one is lined up correctly and the other is not, but for me it’s always lined up fine. So please tell me when you see the bad version? Is it a case of it happening on a certain browser? Certain Page? Please tell me so I can replicate the issue

– Kyle

[blaouchez]

http://cluster007.ovh.net/~montourckh/

On Mac : Safari, Chrome

If you do not see the difference, can you tell me how to shift only the subheadings on the right (only smartphone)

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (max-width: 767px) { 
nav .menu ul li a {
max-width: none;
}
}

– Kyle

[blaouchez]

OK but now the sumenu is a little too on the right.
How perfectly centered?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

@media only screen and (max-width: 767px) { 
nav .menu ul li a {
max-width: 95%;
}
}

play around with the percent until it is perfect

– Kyle

[blaouchez]

Perfect! Thank you very much Kyle !!!! 😉

[Kyle – SUPPORT]

No problem 🙂

– Kyle