Редактирование размера раскрывающегося меню - нубский вопрос

plastik1

Во-первых, я хотел бы поздороваться! Я только что присоединился к форуму и с нетерпением жду возможности многому научиться у всех и заняться программированием веб-сайтов! Моя проблема для новичков довольно проста: у меня есть тема Wordpress, которая мне нравится, но я хочу ее изменить.

Раскрывающееся меню справа разворачивается и охватывает всю страницу: Я хочу изменить размер, чтобы оно занимало лишь небольшой раздел...

Я прошу вашей помощи в поиске кода, который должен это изменить. Я использую инструменты разработчика Chrome и пытался изменить отступы, поля, положение и т. д., но я не могу показать веб-сайт в фоновом режиме, который блокируется меню. Ниже приведен URL-адрес
http://www.finediningnycllc.com

Заранее спасибо за вашу помощь!

Mauda

девкейк, Я просто хочу сначала сказать спасибо, что нашли время посмотреть тему/кодировку! И спасибо, что нашли решение. Я реализовал ваши предложения, и это было именно то, что я искал! Спасибо!!!

BukMedia

Привет, Раскрывающееся меню расширяется и охватывает всю страницу, поскольку вы установили ширину: 100% для бокового меню в файле style.css. Поэтому вам нужно удалить это правило и вместо left: 0 вы можете установить right: 0, чтобы ваша боковая панель открывалась с правой стороны:

 /*


* Sidebar toggle.


*/


var scroll_top_position = 0;


$( '.sidebar-toggle' ).click( function( event ) {


....


if ( $( 'body' ).hasClass( 'sidebar-open' ) ) {


// $( '.site-main' ).hide(); /* delete this line if you don't want to hide site content


$( 'html, body' ).animate( {


scrollTop: 0


}, 0 );


}


...


} );

Код (CSS): Кроме того, в вашем файле сценария Cubic.js есть правило, позволяющее скрывать контейнер .site-main при нажатии на значок меню, чтобы открыть боковую панель. Если вы не хотите скрывать содержимое сайта при открытой боковой панели, просто удалите эту единственную строку кода:

 .sidebar { display: none; position: absolute; top: 73px; right: 0; z-index: 2; background: #f2f2f2; /* width: 100%; */ }

Код (JavaScript): Надеюсь, это вам поможет.

Duha_Freeman

Я рад, что это помогло. Я просмотрел веб-сайт и заметил горизонтальную прокрутку страницы, когда боковая панель открыта. Чтобы решить эту проблему, просто удалите фиксированную ширину содержимого боковой панели в файле style.css:

 @media screen and (min-width: 768px) {
.sidebar-content {

/* width: 768px; */

padding: 72px 72px 0;
}
}

Код (CSS):

Похожие темы	Дата
Делимся ссылками на шрифты	19.10.2024, 18:10
нужен новый дизайн для liveinstyle.ru, кто возьмется?	19.10.2024, 18:10
Помогите сделать логотип	19.10.2024, 18:10
Посоветуйте вариант дизайна	19.10.2024, 18:10
Новый дизайн параллакса работает на некоторых компьютерах, но не на других.	19.10.2024, 18:10
В последнем сообщении не будет отображаться избранное изображение на сайте WordPress (показанное изображение включено).	19.10.2024, 18:10
Все, что мне нужно, это простой сайт и форум.	19.10.2024, 18:10
Помогите интегрировать CSS-анимацию в заголовок.	19.10.2024, 18:10
Сценарий конструктора веб-сайтов или система управления шаблонами?? Не уверен в правильности термина...	19.10.2024, 18:10
Форма входа с 3 вкладками для проверки...	19.10.2024, 18:10

Редактирование размера раскрывающегося меню - нубский вопрос

plastik1

Mauda

BukMedia

Duha_Freeman

I AM

Интересно