SallyMelek try adding @media @phone { display: none; } into them like this:
#header-secondary > ul > li.item-signUp > button {
// ... your code
@media @phone { display: none; }
}
#header-secondary > ul > li.item-logIn > button {
// ... your code
@media @phone { display: none; }
}
It would be a better solution if you just hide their container instead:
#header-secondary > ul {
& > li.item-signUp,
& > li.item-logIn {
@media @phone {
display: none;
}
}
}
SallyMelek just want the defult sign in / login links on mobile menu
Edit: Oh, I didn't see this part. So the answer will be basically same, wrap your customizations with @media @tablet-up { } like this in this case:
#header-secondary > ul > li.item-signUp > button {
@media @tablet-up {
// ... your code
}
}
#header-secondary > ul > li.item-logIn > button {
@media @tablet-up {
// ... your code
}
}
Here are some breakpoints available on Flarum: https://github.com/flarum/core/blob/1d7641cbb098d92f5be3f17561a0e6b52ee2c6b0/less/common/variables.less#L132-L138
