[Resolved] How to change the extra button in the MENU on mobile

[Robert]

Hi

I addes a button “Szkolenie…” into the MENU via CSS code.

On the desktops it looks good but on the mobiles its very long: over the whole menu

I wanna ask how to change the extra button in the MENU on mobile that he would looks indetically
like on the desktop version + move it little bit to the left ?

Kr
Robert

[David]

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .main-navigation:not(.slideout-navigation) .main-nav li.studio-button {
        display: inline-block;
    } 
    .main-navigation:not(.slideout-navigation) .main-nav li.studio-button a {
        margin-left: 10px !important;
        margin-bottom: 20px;
    }
}

[Robert]

ideal!

thx
R

[David]

You’re welcome

[Author]

Posts