Значок навигации не отображается на мобильной версии?

Question

Итак, я изменил элементы css, чтобы добавить background image, но пока ничего не удалось отобразить значок навигации на мобильных устройствах. Пожалуйста, помогите мне в отладке кода в отзывчивом дизайне по адресу Link и расскажите, что сработало. спасибо за ваш time.regular CSS вниз ниже

#menu-icon { 
    display: none; 
    background-image: url(http://www.w3newbie.com/wp-content/uploads/icon.png) center; 
    width: 40px; 
    height: 40px; 
    background-image: no-repeat; 
} 

мобильный CSS внизу

#menu-icon{ 
    display: block; 
} 

Answer 1

background-image не имеет несколько свойств, таких как положение center. он должен быть background. Также для повторного синтаксиса должно быть background-repeat. Обновите свой CSS, как показано ниже.

#menu-icon { 
    display: none; 
    background: url(http://www.w3newbie.com/wp-content/uploads/icon.png) center; 
    width: 40px; 
    height: 40px; 
    background-repeat: no-repeat; 
    } 

Или вы можете использовать его, как показано ниже.

#menu-icon { 
    display: none; 
    background-image: url(http://www.w3newbie.com/wp-content/uploads/icon.png); 
    background-position:center; 
    width: 40px; 
    height: 40px; 
    background-repeat: no-repeat; 
    } 

Ничего сложного в вашем мобильном CSS.