Помогите удалить из меню лишние элементы.

[CHADREX]

В общем есть меню -tympanus.net/Development/ResponsiveMultiLevelMenu/

Мне надо избавиться от квадратной кнопки которая его открывает. Результат лучше выложить на cssdeck.com дабы я понял что я не так делал.

Вот есть еще гайд если что tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/

Надеюсь на вашу помощь.

 

[yaski]

А как меню должно открываться? по какому событию?
Если просто не отображать, то

button {
    visibility: hidden;
}

 

[ivanvolgu]

В общем есть меню -tympanus.net/Development/ResponsiveMultiLevelMenu/

Мне надо избавиться от квадратной кнопки которая его открывает. Результат лучше выложить на cssdeck.com дабы я понял что я не так делал.

Вот есть еще гайд если что tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/

Надеюсь на вашу помощь.

Попробуй в файле component.css допиши display: none;

.dl-menuwrapper button {
background: #ccc;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
display: none;

в index.html
это

<div class="column">
                    <div id="dl-menu" class="dl-menuwrapper">
                        <button>Open Menu</button>
                        <ul class="dl-menu">
                            <li>

замени на

<div class="column">
                    <div id="dl-menu" class="dl-menuwrapper">
                        <button class="dl-active">Open Menu</button>
                        <ul class="dl-menu dl-menuopen">
                            <li>

убрать надпись click to open
в файле default.css за комментируй строчку background: url(../images/clickhere.png) 90px 0 no-repeat;

.column:nth-child(2) {
    min-height: 400px;
    box-shadow: -1px 0 0 rgba(0,0,0,0.1);
    /*background: url(../images/clickhere.png) 90px 0 no-repeat;*/
}

 

[Festem]

Если надо что оно всегда было открыто. то или в коде вместо

<ul class="dl-menu">

сделайте

<ul class="dl-menuopen">

и оно всегда будет открыто

 

[Nikita_Sp]

А зачем тогда вообще этот скрипт использовать? О_о
Ну да ладно.

Спрячьте кнопку
<button class="dl-trigger dl-active">Open Menu</button>
.dl-trigger{
display:none;
}

А меню выведете изменив component.css вот так:

.dl-menuwrapper .dl-menu {
margin: 5px 0 0 0;
position: absolute;
width: 100%;
/*opacity: 0;*/
/*pointer-events: none;*/
/*-webkit-transform:translateY(10px);*/
/*transform: translateY(10px);*/
/*-webkit-backface-visibility:hidden;*/
/*backface-visibility: hidden;*/
}

Закоментированные строки - удалить. Они как раз и "прячут" меню когда оно не активное.

 

[CHADREX]

За советы всем спасибо. Только меня ввела в ступор одна фигня. Я вставил код и по быстрому подключил два файла стилей и js с оригинального сайта. Только я не пойму что еще может отвечать за работу кнопки:

Для просмотра ссылки Войди или Зарегистрируйся

 

[CHADREX]

И еще, эти советы вроде направлены чтобы скрыть кнопку, а мне нужно убрать, причем не визуально, а вообще. Чтобы было само меню без кнопки.

 

[_sergey_]

И еще, эти советы вроде направлены чтобы скрыть кнопку, а мне нужно убрать, причем не визуально, а вообще. Чтобы было само меню без кнопки.

Блин. Удалите строчку из кода:
<button class="dl-trigger">Open Menu</button>

и кнопка перестанет показываться.

 

[CHADREX]

Блин. Удалите строчку из кода:
<button class="dl-trigger">Open Menu</button>

и кнопка перестанет показываться.

Если бы было все так просто, меню то видно должно быть.

 

[_sergey_]

Если бы было все так просто, меню то видно должно быть.

В посту №4 вам же дали решение, чем оно вас не устраивает? Вот скрин как будет: