Mobile Menu too narrow

[Brainfire]

Hi there Apex

My Mobile SUBMENU (not the first menu) on http://brainfire.ch.kosmos.ch-meta.net/, when you go onto «Angebot» (please test with smartphone/iPhone), the longest words (submenus) aren’t showing completely on the right side (like «Immobilienvermarktung» where the last «g» is cut) although there is enough space on either side. Actually I decrease the size of the Text because of that problem - normally I want to have the Menu and Submenu bigger but then even more Letters are cut down. somehow the (Sub)menu isn’t 100% width although set so in the header settings of the modal…

Please Help, Thanks
Patric

[jade]

Hi Patric,

Please add this to the Element CSS of the Modal element:

@media (max-width: 480px) {
    $el.x-modal .x-modal-content-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}

Element CSS | Themeco Docs

Hope this helps.