проблем с мобилната версия

Search Engine Optimization. Оптимизиране, популяризиране и позициониране на сайт за търсачки.
Forum rules
Моля, маркирайте отговора на потребитeля, който най-много ви е помогнал за решаването на проблема/въпроса Ви!
Повече за системата за оценяване може да прочетете тук: viewtopic.php?f=28&t=130265
Post Reply
martinski
Нов
Нов
Posts: 26
Joined: Wed Dec 23, 2015 10:03 pm

проблем с мобилната версия

Post by martinski » Wed Dec 23, 2015 10:17 pm

Здравейте,
Не съм правил втори сайт на моя оригинален за мобилната версия, а си иползвам един soruce и за настолния компютър и за мобилното устройство.
Всичко е окей и супер само имам един проблем.
Сайта ми е структуриран по следния начин - от ляво е меню от тавана до пода, от дясно ми е основното съдържание и под основното съдържание само е фоотъра.
Когато през мобилното устройство тръгна да ZOOM САЙТА, то основотното съдържание минава над меню-то, а фоотъра минава под менюто.
предполагам, че е от css но според вас как мога да "заключа" фоотъра и основното съдържание и при зоом да не се разместват ?

mapka7a
Турист
Турист
Posts: 249
Joined: Mon Sep 05, 2011 9:21 am
Answers: 20
Location: Sofia
Contact:

Post by mapka7a » Thu Dec 24, 2015 2:01 pm

Ще споделиш ли кода за да ти помогнем?

martinski
Нов
Нов
Posts: 26
Joined: Wed Dec 23, 2015 10:03 pm

Post by martinski » Fri Dec 25, 2015 1:07 pm

разбира се, че сте го споделя. Надявам се някой да помогне мерси много !
css e

Code: Select all

body {
    color: #797979;
	background: #f2f2f2;
    font-family: 'Ruda', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
}

#main-content {
    margin-left: 210px;
}
.sidebar-closed #main-content {
    margin-left: 0px;
}

.wrapper {
    display: inline-block;
    margin-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
    width: 100%;
}

.content-panel {
	background: #ffffff;
	box-shadow: 0px 3px 2px #aab2bd;
	padding-top: 15px;
	padding-bottom: 5px;
}

.site-footer {
    background: #68dff0;
    color: #fff;
    padding: 10px 0;
}
.header, .footer {
    min-height: 60px;
    padding: 0 15px;
}
  .col-md-12 {
    width: 100%;
  }
.row {
  margin-right: -15px;
  margin-left: -15px;
}
основовно съдържание

Code: Select all

      <section id="main-content">
          <section class="wrapper">
          	
				<div class="row">
				
	                  <div class="col-md-12">
	                  	  <div class="content-panel">
фоотър

Code: Select all

      <footer class="site-footer">
          <div class="text-center">

martinski
Нов
Нов
Posts: 26
Joined: Wed Dec 23, 2015 10:03 pm

Post by martinski » Wed Dec 30, 2015 8:28 pm

може ли някой да помогне ? защо така става когато го отворя от мобилен телефон и с пръст и при зоом мога да размествам кутйиките на фоотъра и main-а

uphero
Потребител
Потребител
Posts: 767
Joined: Mon Feb 20, 2012 12:26 pm
Answers: 32
Location: Казанлък
Contact:

Post by uphero » Thu Dec 31, 2015 1:37 am

martinski wrote:може ли някой да помогне ? защо така става когато го отворя от мобилен телефон и с пръст и при зоом мога да размествам кутйиките на фоотъра и main-а
С буутстрап не виждам кви проблеми ще имаш.

martinski
Нов
Нов
Posts: 26
Joined: Wed Dec 23, 2015 10:03 pm

Post by martinski » Thu Jan 07, 2016 7:39 pm

благодаря,
как да го направя да нямам проблеми ?

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1594
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 165
Location: Parse error: unexpected "}" in /home/index.php on line 26

Post by anonimen » Thu Jan 07, 2016 7:56 pm

martinski wrote:благодаря,
как да го направя да нямам проблеми ?
Следваш инструкциите за грида в документацията.

martinski
Нов
Нов
Posts: 26
Joined: Wed Dec 23, 2015 10:03 pm

Post by martinski » Mon Jan 11, 2016 3:48 pm

благодаря ви много! :?:

Post Reply