Перейти к содержимому


Публикации lew

234 публикаций создано lew (учитываются публикации только с 29-Апрель 23)



#141297 Помогите Пожалуйста Отредактировать Тему, Новичок, Пока Плохо Ориентируюсь

Отправлено от lew в 01 Июнь 2014 - 19:31 в Изменение общей стилистики

Цитата

подскажите пожалуйста, возможно ли подключить вот такой слайдер?
http://www.blogduweb...ithout-box.html
конечно можно))
для начала загрузите все картинки от этого слайдера в админке

Прикрепленные файлы

  • Прикрепленный файл  images.zip   425,5К   79 Количество загрузок:



#141294 Как Изменить Размер Слайдеров?

Отправлено от lew в 01 Июнь 2014 - 19:14 в Изменение общей стилистики

найдите код в style.css
.flexslider {margin: 54px 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
замените на
.flexslider {margin: 15px 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
потом этот код
.one-third{width:210px;float:left;}
замените на этот
.one-third{width:210px;float:left;margin-top: 15px;}


потом найдите код
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
замените на этот
.flex-viewport {max-height: 625px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}



#141291 Как Изменить Размер Слайдеров?

Отправлено от lew в 01 Июнь 2014 - 18:58 в Изменение общей стилистики

уточняющий вопрос
как должен смотреться слайдер с меню?
я привёл два скриншота, выберите, всё сделаем.

Прикрепленные изображения

  • QQQQQ.png
  • WWWWW.png



#141288 Помогите Пожалуйста Отредактировать Тему, Новичок, Пока Плохо Ориентируюсь

Отправлено от lew в 01 Июнь 2014 - 18:44 в Изменение общей стилистики

найдите код style.css
#header-fluid{position:relative;/*background: #FAFAFA url('http://x26054.storeland.net/header-top-bg.png') repeat-x 0 0;*/box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}
замените на этот
#header-fluid{position:relative;background: #FAFAFA none repeat-x 0 0; box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);/*-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);*/ z-index:10}



#141282 Как Изменить Правое Меню?

Отправлено от lew в 01 Июнь 2014 - 17:32 в Изменение общей стилистики

откройте style.css
найдите код
.block2 .block-content {padding: 14px 18px;color: #727272;border-top: 0px;border-bottom: 1px solid #E9E9E9;background: #fff;*float: none;border: 1px solid #c0c0c0;position: relative;display: block;}
и замените на этот

.block2 .block-content {padding: 14px 3px;color: #727272;border-top: 0px;border-bottom: 1px solid #E9E9E9;background: url({ASSETS_IMAGES_PATH}222.png) repeat 0 0 #fff;*float: none;border: 1px solid #c0c0c0;position: relative;display: block;}
потом код
.accordion li  { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none;  display: block; width: 100%;  display: block; position:relative;clear: both;}
замените на этот

.accordion li  { background: url({ASSETS_IMAGES_PATH}111.png) no-repeat 0 0 #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none;  display: block; width: 100%;  display: block; position:relative;clear: both;}

там ещё код допишу сейчас. пока этот внесите.
перед тем как вносить изменения не забывайте делать бекап.



#141279 Как Изменить Правое Меню?

Отправлено от lew в 01 Июнь 2014 - 17:21 в Изменение общей стилистики

сперва скачайте две картинки (111.png и 222.png) и загрузите в админке

Прикрепленные изображения

  • 111.png
  • 222.png



#141193 Модифицировать Карточку Товара

Отправлено от lew в 31 Май 2014 - 21:45 в Главная

Цитата

1. Нарисовал и добавил в маин но картинка кнопки ПОДРОБНЕЕ  тут так и не изменилась
.podrobnee{
background:url (http://design.poncho...robnee.png?0049) no-repeat left top;
}
вы пробовали убрать ?0049
то есть сделать так
.podrobnee{
background:url (http://design.poncho...robnee.png) no-repeat left top;
}



#141190 Как Поставить Блокирование Правой Кнопки Мыши?

Отправлено от lew в 31 Май 2014 - 21:27 в Изменение общей стилистики

в main.js в самый вверх добавьте новый код
document.oncontextmenu = function ( e ) {
return false;
};



#141187 Как Поставить Блокирование Правой Кнопки Мыши?

Отправлено от lew в 31 Май 2014 - 21:14 в Изменение общей стилистики

может быть мы другое понимаем про блокирование правой кнопки?
То есть нужно чтоб при нажатии правой клавиши мыши не должно всплывать это?

Прикрепленные изображения

  • bot-row.png



#141186 Оформление Заказа: Уменьшить Интервалы

Отправлено от lew в 31 Май 2014 - 21:10 в Оформление заказа

Цитата

1)
зайдите в main.css
найдите код (примерно строка 800-900)
.orderInfo {padding:1em;}
и замените на эту
.orderInfo {padding:0.5em;}

Цитата

2)
найдите код
.orderStageDelivery textarea {width:100%;height:80px;}
замените на этот
.orderStageDelivery textarea {width:100%;height:34px;}

(если и этого мало будет, то поставьте число меньшее 34px)



#141182 Как Поменять Цвет Кнопок.

Отправлено от lew в 31 Май 2014 - 20:54 в Изменение общей стилистики

у вашего сайта такой индефикатор 288857?



#141180 Как Поставить Блокирование Правой Кнопки Мыши?

Отправлено от lew в 31 Май 2014 - 20:49 в Изменение общей стилистики

Зайдите в раздел Сайт -> Редактор шаблонов -> шаблон HTML и найдите блок
</head>
<body>
замените на этот код

</head>
<body onselectstart="return false" oncopy="return false"> 



#141176 Размещение Банеров На Главной Странице

Отправлено от lew в 31 Май 2014 - 19:45 в Главная

откройте HTML
найдите код (примерно строчка 100-200)
<!-- Сообщение для инвалидов -->
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p>
<p>Необходимо включить его для корректной работы сайта.</p>
</div>
</div>
</noscript>
<!-- END Сообщение для инвалидов -->
под ним разместите новый код

<!-- баннер вконтакте -->
<div class="left-banner-vkontakte">
<a href="#">сюда ставьте картинку баннера </a>
</div>
<!-- END баннер вконтакте -->

<!-- 4-е правых баннера -->
<div class="right-wing-four-banner">
<div class="right-wing-four-banner-1 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a> </div>
<div class="right-wing-four-banner-2 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>
<div class="right-wing-four-banner-3 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>
<div class="right-wing-four-banner-4 base-properties-banner"><a href="#">сюда ставьте картинку баннера </a></div>

</div>
<!-- END 4-е правых баннера -->


потом откройте style.css и в самом конце разместите новый код
/*баннеры*/
@media screen and (min-width: 1728px) {
.left-banner-vkontakte{ width: 200px; height:675px; outline: 1px solid #F00; position: absolute; left: -215px; top: 15px;}

.right-wing-four-banner{ position: absolute; right: -215px; top: 15px;}
.base-properties-banner{ width: 200px; height:150px; outline: 1px solid #F00; margin: 0 0 25px 0;}

}

так как сайт ваш адаптивный, то мне хотелось бы знать, где должны размещаться баннеры, когда открываешь сайт через планшетник или смартфон?
Я пока написал код, в котором баннеры будут видны при разрешении экрана 1728 и выше.
Нужны ваши уточнения.



#141171 Помогите Пожалуйста Отредактировать Тему, Новичок, Пока Плохо Ориентируюсь

Отправлено от lew в 31 Май 2014 - 17:41 в Изменение общей стилистики

Цитата

Верхние линии исчезли совсем, проблемное меню Рис 1, думаю от него отказаться;
Эту строку,
#megamenu{position:absolute;height: 47px;top: 119px;left: 2px;clear: both; background: url("[url="http://design.seaworldcoffee.ru/bot-row.png"]http://design.seawor...ru/bot-row.png"[/url]) 0% 0% repeat-x /*url("[url="http://design.seaworldcoffee.ru/main.png"]http://design.seawor...ee.ru/main.png"[/url]) repeat center */; border-bottom:1px solid #6A6FD4; border-top: 0px dotted #6A6FD4; padding-top: 2px; padding-bottom: 0px; margin-left: 10px;}
замените на эту
#megamenu{position:absolute;height: 47px;top: 119px;left: 2px;clear: both; background: url("[url="http://x26054.storeland.ru//bot-row.png"]http://x26054.storeland.ru/bot-row.png"[/url]) 0% 0% repeat-x /*url("[url="http://x26054.storeland.ru/main.png"]http://x26054.storeland.ru/main.png"[/url]) repeat center */; border-bottom:1px solid #6A6FD4; border-top: 0px dotted #6A6FD4; padding-top: 2px; padding-bottom: 0px; margin-left: 10px;}
(простите за мою невнимательность, забыл вернуть ссылки на ваш сайт )

Цитата

проблемное меню
откройте style.css
найдите код
@media only screen and (max-width:1210px)
{
.container{width:950px}
.column,.columns{margin:0 10px}
.half{width:455px}
.one-third{width:220px}
.two-third{width:690px}
.hide-tablet-n-mobile{display:none!important}
#category_view_type.list_view #product_list li{width:690px}
#left-column{width: 324px;}
#left-column #image-block{width:408px}
#left-column #image-block #small_pic{width:408px;height:auto}
#left-column #view_scroll_left,#left-column #view_scroll_right{width:48px}
#left-column #thumbs_list{width: 210px;}
#right-wrapper{width: 326px;}
#product_page_hook_right{display:none}
#product_comparison .product_desc{height:60px}
ul#order_step li{width:168px}
ul#order_step li#step_end{width:172px}
}
замените на этот код

@media only screen and (max-width:1210px)
{
.container{width:950px}
.column,.columns{margin:0 10px}
.half{width:455px}
.one-third{width:220px}
.two-third{width:690px}
.hide-tablet-n-mobile{display:none!important}
#category_view_type.list_view #product_list li{width:690px}
#left-column{width: 324px;}
#left-column #image-block{width:408px}
#left-column #image-block #small_pic{width:408px;height:auto}
#left-column #view_scroll_left,#left-column #view_scroll_right{width:48px}
#left-column #thumbs_list{width: 210px;}
#right-wrapper{width: 326px;}
#product_page_hook_right{display:none}
#product_comparison .product_desc{height:60px}
ul#order_step li{width:168px}
ul#order_step li#step_end{width:172px}
#search_block_top #search_query_top {float: right;}
#search_block_top #search_query_top {width: 83px;}
}



#141170 Помогите Пожалуйста Отредактировать Тему, Новичок, Пока Плохо Ориентируюсь

Отправлено от lew в 31 Май 2014 - 17:25 в Изменение общей стилистики

пока вот что скажу. давайте уберём ненужный текст под логотипом, очень сильно отвлекает и мешает. :)
В HTML найдите следующий код
<div id="header-logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> 
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
{SETTINGS_STORE_NAME}
</a>
</div>
и замените на этот

<div id="header-logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> 
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
			<span style="position: absolute; top: -500px;">{SETTINGS_STORE_NAME}</span>
</a>
</div>



#141167 Вопросы =?=

Отправлено от lew в 31 Май 2014 - 16:35 в Шаблон Сияние

зайдите в HTML найдите код
<!-- Меню сайта (По типу помещения) -->
{% IF index_page %}
<div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div>
<div class="container" id="room_menu_block">
<div class="containerin" id="room_menu_page">
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a>
</div>
</div>
</div>
{% ENDIF %}
<!-- end Меню сайта (По типу помещения) -->

замените на этот код
<!-- Меню сайта (По типу помещения) -->
{% IF index_page %}
<div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div>
<div class="container" id="room_menu_block">
<div class="containerin" id="room_menu_page">
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a>
<span>хорошая кухня</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a>
<span>отличная гостинная</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a>
<span>классная спальня</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a>
<span>раскошный офис</span>
</div>
</div>
</div>
{% ENDIF %}
<!-- end Меню сайта (По типу помещения) -->
то есть, как вы могли заметить, изменения заключается в том, что я под картинки вставил тег <span> text </span>


потом откройте main.css
найдите код

/* Меню сайта (По типу помещения) */
.room_menu_title {width: 940px; margin: 0 auto; padding:10px 0 0 0; text-align: left; color: #a8a8a8; font: bold 20px Calibri,Arial;}
#room_menu_block {height:150px; border-bottom:4px solid #A8A8A8; padding-top:10px;}
#room_menu_page {width:940px; height:150px}
#room_menu_item {width:235px; height:150px; float: left; position: relative;}
#room_menu_page div img {width:230px;float: left; border-radius: 6px;}
#room_menu_page div p {font: bold 9px Arial; color: #696969; text-align: center;text-transform:uppercase;}
прямо под ним разместите новый код

#room_menu_item span {position: absolute; bottom: 28px; left:15px; background: rgba(255, 255, 255, 0.8); padding: 4px 9px; border-radius: 5px; width: 183px; text-align: center;}


примечание:
если вам нужно чтоб фон не был прозрачным, то
rgba(255, 255, 255, 0.8)
замените на
rgba(255, 255, 255, 1)
ели наоборот, то
rgba(255, 255, 255, 0.6)



#141162 Изменить Карточку Товара

Отправлено от lew в 31 Май 2014 - 15:56 в Шаблон Пластик

Цитата

Получилось так
Изображение

Хотелось бы вот так
Изображение

эти картинки одинаковые, нет различий. Вышлите правильную картинку



#141157 Как Поменять Цвет Кнопок.

Отправлено от lew в 31 Май 2014 - 15:37 в Изменение общей стилистики

Цитата

1)
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
a:hover {color: #FA000E;}

Цитата

2)
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}
и под ним вставьте новый код
.selected{color: #FA000E;}



#141069 Выравнивание

Отправлено от lew в 30 Май 2014 - 23:01 в Страница товара

откройте в админке style.css
и в самый низ этого файла добавьте новый код
.autumnshowcase_block {
	padding-left: 5%;
}
вам и белую полосу тоже по границе сделать?



#141065 Поменять Цвет Меню

Отправлено от lew в 30 Май 2014 - 22:43 в Изменение общей стилистики

Цитата

я добавляю но у меня почему то не получается изменить цвет(  можно лисделать так что бы по дефолту текст меню каталога был черныма при наведении розовым(как цена) или зеленым в цвет лого?
откройте в админке файл main.css
найдите код  (примерно строчка 900-1100)
.footer ul li a:hover,
.footer ul li a.active {color:#333333;}
и замените на этот
.footer ul li a:hover,
.footer ul li a.active {color: #AC00FF;}
или на этот  
.footer ul li a:hover,
.footer ul li a.active {color: #199002;}



#141059 Бирка Скидки На Товарах Акции

Отправлено от lew в 30 Май 2014 - 20:50 в Каталог товаров

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



#141053 Помогите Пожалуйста Отредактировать Тему, Новичок, Пока Плохо Ориентируюсь

Отправлено от lew в 30 Май 2014 - 20:11 в Изменение общей стилистики

Цитата

1) сдвинуть полосу
откройте в админке style.css
найдите код
#megamenu{position:absolute;height: 47px;top: 119px;left: 2px;clear: both; background: url("http://design.seaworldcoffee.ru/bot-row.png") 0% 0% repeat-x /*url("http://design.seaworldcoffee.ru/main.png") repeat center */; border-bottom:1px solid #6A6FD4; border-top: 0px dotted #6A6FD4; padding-top: 2px; padding-bottom: 0px; margin-left: 10px;}
и замените на этот
#megamenu {
position: absolute;
height: 47px;
top: 119px;
left: 2px;
clear: both;
background: url("[url="http://design.seaworldcoffee.ru/bot-row.png"]http://design.seawor...ru/bot-row.png"[/url]) 0% 0% repeat-x /*url("[url="http://design.seaworldcoffee.ru/main.png"]http://design.seawor...ee.ru/main.png"[/url]) repeat center */;
border-bottom: 1px solid #6A6FD4;
border-top: 0px dotted #6A6FD4;
padding-top: 2px;
padding-bottom: 0px;
margin-left: 10px;
}

Цитата

2) как сделать линии цвета #6A6FD4
чтоб это сделать надо у картинке поменять цвет.
Картинку в которой нужно поменять цвет, прикреплена к этому сообщению (её название bot-row.png)

Цитата

3) корзина
найдите код
#header_shopping_cart{position: static;width:100px;float:right;clear:both;margin-top:15px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('http://x26054.storeland.net/http://x26054.storeland.net/shopping_64x64.png?8063') no-repeat 3px;border:1px solid #6A6FD4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на этот
#header_shopping_cart{position: static;width: 147px;height: 63px;float:right;clear:both;margin-top:15px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('http://x26054.storeland.net/http://x26054.storeland.net/shopping_64x64.png?8063') no-repeat 3px;border:1px solid #6A6FD4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

Прикрепленные изображения

  • bot-row.png



#141050 Переместить И Скрыть Блоки

Отправлено от lew в 30 Май 2014 - 19:35 в Страница товара

Цитата

1) вложила скрин
на сайте у вас нет этой полосы
скиньте пожалуйста ссылку этой проблемы

Цитата

2)
найдите код в файле main.css
#tabs li {
padding-left: 0 !important;
background:#ae004e;
font:#ae004e;
}
и под ним поставьте новый  код

#tabs li:hover {
background: #a50405;
}
вместо  #a50405; поставьте свой цвет

3)
попробуйте сделать так
в файле main.css следующий код
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #008287;
  padding-left: 10px;
  height:2em;overflow:hidden;
}

замените на этот
.page-headline h1 {
position: absolute;
width: 703px;
font: 30px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #008287;
padding-left: 10px;
height: 2em;
/*overflow: hidden;*/
}



#140442 Акция

Отправлено от lew в 27 Май 2014 - 22:54 в Акции

а в какое место на главной страннице вставить картинку?
и что за "проценты" нужно убрать?. Уточните пожалуйста



#140441 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 27 Май 2014 - 22:49 в Изменение общей стилистики

Павел1896

Цитата

Вот мой вопрос, все указал на скриншотах,) заранее спасибо)
предлагаю идти небольшими шажками к достижению этой цели. (так как можно навредить адаптивности вашего сайта)
пока вот что сделайте
найдите в style.css код
#search_block_top{position:static;float:right;margin:26px 10px 0 0}
и замените на этот
#search_block_top{position:static; margin: 100px 0px 0 0;}

потом найдите этот код
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}
и замените на этот
#header-right{float:right;height: 168px;position: relative; z-index:20;margin-right: 10px;}

потом найдите  эту строчку кода
#megamenu{position:absolute;height:54px;top:90px;left:238px;} 
и замените на эту
#megamenu{position:absolute;height:54px;top: 108px;left: 2px;} 

как закончите, то дальше продолжим