Site logo

Archived topic

How to change the extra button in the MENU on mobile

3 replies · Started by Robert on November 12, 2020

Viewing posts 1–4 of 4

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

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;
    }
}

ideal!

thx
R

You're welcome

This archived topic is closed to new replies.