Сообщений в теме: 5

[electron]

Доброе время суток.
Необходимо продублировать(желательно) или переместить соц сети с низа в верх.в шапку, и выровнять их с контактами, как на прикреплённом макете.
Желательно шрифт по толщине тоже выровнять

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

• 

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	  <div class="header-middle">
		<!-- Логотип -->
		<div class="logo">
		  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=master" alt="{SETTINGS_STORE_NAME}"></a>
		</div>
			   

после него вставьте:

				<div class="social-links head">
				  <a class="vk" href="https://vk.com/electronmag" title="VK.com" target="_blank"><i class="fa fa-vk" aria-hidden="true"></i><span>vk</span></a>
				  <a class="instagram" href="https://instagram.com/electron_mag" title="Instagram.com" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
				</div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.social-links.head a {display: inline-block;width: 40px;height: 40px;line-height: 36px;font-size: 21px;color: #000;border: 1px solid #000;text-align: center;margin: 0 10px 10px 0;text-indent: 0;}
.social-links.head {background-color: #f4f4f4;width: 45px;}
.social-links.head {display: block;margin-top: 10px;margin-left:5px;float:  left;}
@media (max-width: 1124px) and (min-width: 992px) {
#header .header-middle .contacts i {font-size: 20px;color: #80d3db;margin-right: 10px;}
#header .header-middle .contacts a {font-size: 20px;font-weight: bold;}
}
@media all and (max-width: 992px) {
.social-links.head {/* display:none; */position:  absolute;right: 5px;display:block;width:80px;top:185px;z-index:1001;background-color:#80d3db;}
.social-links.head a {display: inline-block;width: 30px;height: 30px;line-height: 28px;font-size: 21px;color: #000000;border: 1px solid #000;text-align: center;margin: 5px 5px 5px 5px;pxtext-indent: 0; float:left;}
}
@media all and (max-width: 481px) {
.social-links.head {/* display:none; */position:  absolute;left: -5px;display:block;width:80px;top:88px;z-index:1001;background-color:#80d3db;}
.social-links.head a {display: inline-block;width: 30px;height: 30px;line-height: 28px;font-size: 21px;color: #000000;border: 1px solid #000;text-align: center;margin: 5px 5px 5px 5px;pxtext-indent: 0; float:left;}
}

[electron]

Круто, получилось!

а можно рядом приписать адрес, как на картинке? и выровнять к телефоном и е-мейлом?

[Mr.Nito]

electron (16 Март 2018 - 23:27) писал:

Круто, получилось!

а можно рядом приписать адрес, как на картинке? и выровнять к телефоном и е-мейлом?

Уточните номер аккаунта на котором производите изменения

[electron]

Mr.Nito (17 Март 2018 - 20:51) писал:

Уточните номер аккаунта на котором производите изменения

428863

[electron]

А ещё в мобильной версии есть искажения по шаблону. Хотелось бы что бы люди, когда с мобильного заходили на сайт видели ссылки на вк и инстаграм без искажений, т.к планируется 80% трафика через моб устройства.
Спасибо

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

•