타이틀 이미지 클릭시 해당상품으로 이동
안녕하세요
혹시 이거 아미나빌드에서 사용이 간으 할가요?
이윰빌더는 추후 구입 예정 입니다.
감사합니다!
타빌더의 구조는 잘 모르겠으나 이윰빌더와는 구조적으로 차이가 있을 것 입니다.
그렇기에 사용이 불가능 할 것이라 봅니다.
감사합니다.
아래 질문처럼 모바일 레이아웃이 수정되지 않은 문제에 대해서
이 곳에 질문하기 전에 이미 여러 질문답변을 찾아보았습니다.
@media 부분의 설정이 모바일 및 태블릿 설정임을 모르지 않습니다.
첨부한 css 파일에서 모바일 화면이 수정되지 않는다는 것을 확인한 방법은
theme 안에 css>style.css 파일을 아얘 지워버리면
pc 화면의 레이아웃은 엉망이 되는 등의 적용된 반응이 있으나
모바일 화면은 아무런 변화가 없으므로 style.css 파일의 영향을 받지 않는다는 것입니다.
즉, 다른 부분의 스타일 적용을 받는 것 같은데
찾을 수가 없습니다. 기본적으로 이 테마를 적용하면 모바일로 본 테마안의 파일에서 수정 가능해야 하는 것 아닌지요?
본 테마 사용 중인데
모바일 레이아웃은 어떻게 수정해야 하는지요.
스타일에서 아무리 수정해봐도 모바일에 적용이 안됩니다.
head, nav 부분이 수정되지 않으니 레이아웃이 모두 엉망입니다.
스타일 첨부합니다.
www.riverbugging.co.kr
/*--------------------------------------
eyoom (이윰빌더)
--------------------------------------*/
/*Headings*/
h1 {font-size:28px;line-height:34px}
h2 {font-size:24px;line-height:30px}
h3 {font-size:20px;line-height:26px}
h4 {font-size:18px;line-height:24px}
h5 {font-size:16px;line-height:22px}
h6 {font-size:13px;line-height:19px}
/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {background:#ffffff}
.basic-layout {background:#ffffff; }
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#ffffff;position:relative}
@media (min-width: 992px) {
.boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
.boxed-layout .header-nav > .navbar > .container li.menu-icons i.menu-icons-style {margin-right:15px}
}
/*------------------------------------
Animated
------------------------------------*/
.animate-if-visible,.animate-group .animate {position:relative;opacity:0}
/*------------------------------------
Header
------------------------------------*/
/* Slidingbar */
#slidingbar-area {left:0;margin-left:auto;margin-right:auto;position:absolute;top:0;width:100%;z-index:99999}
#slidingbar {background:rgba(0, 0, 0, 0.9);color:#8C8989;display:none;height:auto;overflow:hidden;padding:35px 10px;position:relative;z-index:3}
.sb_toggle {border-color:rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style:solid;border-width:00px 70px 70px 0;bottom:-140px;height:0;position:absolute;left:0;width:0;z-index:999;transition:border 100ms ease-out;-webkit-transition:border 100ms ease-out;-moz-transition:border 100ms ease-out;-o-transition:border 100ms ease-out}
.colored-top-bar .sb_toggle {border-color:#000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important}
.sb_toggle.open {border-color:rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}
.sb_toggle:after {color:#fff;content:"f055";display:block;font-family:"fontawesome";font-size:20px;height:70px;left:12px;position:absolute;text-shadow:none !important;top:-64px}
.sb_toggle.open:after {content:"f056";display:block;font-family:"fontawesome";font-size:20px;height:70px;left:12px;position:absolute;top:-64px}
#slidingbar h2 {color:#ddd;margin:0 0 28px;text-transform:uppercase;font-size:13px !important}
/* Top Bar */
#topbar {background:#212227;border-bottom:0 solid #EFEFEF;font-size:10px;height:40px;position:absolute;top:0;left:0;right:0;z-index:1031}
#topbar .col-sm-4, #topbar .col-sm-8 {min-height:0}
#topbar .callus {color:#999;line-height:40px;font-size:11px;font-weight:normal;padding:0 10px;float:left}
#topbar .callus a {color:#999}#topbar .member-menu {color:#999;line-height:40px;font-size:11px;font-weight:normal;padding:0 5px;float:left}
#topbar .member-menu a {color:#999;padding:0 5px}
#topbar .member-menu a:hover {color:#ff9501}#topbar .social-icons ul {float:right !important}
.colored-top-bar #topbar .callus,.colored-top-bar #topbar .callus a {color:#FFFFFF}
.colored-top-bar .social-icons ul li a:before {color:#FFFFFF}
/* Navbar */
.navbar {margin-bottom:0; }
.navbar-default {background:#ffffff;border:2px solid #eabd00;height:50px;line-height:90px;min-height:33px}
.navbar-fixed-area {position:relative;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-width:0 0 1px}
.navbar > .container .navbar-brand {padding:0 10px;margin-left:0;font-size:30px;line-height:50px;color:#666666;margin-top:10px}
.navbar > .container .navbar-brand img {max-height:70px;width:auto}
.navbar-nav > li > a {padding-bottom:0 !important;padding-top:0;height:90px;line-height:90px;display:block;margin-right:5px}
.navbar-default .navbar-nav > li > a {color:#000000; font-weight:bold; letter-spacing:-1px; font-size:16px;}
.dropdown-menu {font-size:inherit}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.dropdown.open > a {border-bottom-width:0px;border-bottom-style:solid;background:none}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background:#fff}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {background:none;color:#07384f;border-bottom-width:0px;border-bottom-style:solid}
.navbar-default .dropdown-submenu2 {list-style:none}
.navbar-default .dropdown > a:after {top:0;right:5px;font-size:14px;content:"f107";position:absolute;font-weight:normal;display:inline-block;font-family:FontAwesome}
.navbar-default .dropdown.mega-menu > a:after {display:none}
.navbar-default > .container {position:relative}
.single-menu .navbar-default .navbar-nav > li > a {padding-top:2px !important}
.single-menu .navbar-default .navbar-nav > .active > a,.single-menu .navbar-default .navbar-nav > .active > a:hover,.single-menu .navbar-default .navbar-nav > .active > a:focus {border-top:3px solid #ff9501;border-bottom:none;padding-top:0 !important}
.single-menu .navbar-default .navbar-nav > li > a:hover,.single-menu .navbar-default .navbar-nav > li > a:focus,.single-menu .navbar-default .navbar-nav > li.dropdown.open > a {border-bottom:none;background:#fff;color:#ffffff}
.single-menu .navbar-default .navbar-nav > .active > a:before {content:"f0d7";top:0px;bottom:auto}
.mega-menu .mega-menu-content {padding:20px 30px;line-height:normal !important}
.mega-menu .mega-menu-content ul.sub-menu {list-style:none;margin:0;padding:0}
.mega-menu .mega-menu-content ul.sub-menu .mega-menu-sub-title {color:#333333;display:block;font-size:1em;font-weight:600;padding-bottom:5px;text-transform:uppercase}
.mega-menu .mega-menu-content ul.sub-menu a {display:block;font-weight:normal;padding:8px;line-height:23px;font-size:12px;height:auto;min-height:23px;text-align:left;text-decoration:none;color:#808080}
.mega-menu .mega-menu-content ul.sub-menu a:hover,.mega-menu .mega-menu-content ul.sub-menu a:focus {background-color:#F5F5F5;color:#262626;text-decoration:none}
.navbar-nav > li > .dropdown-menu {border-top-width:3px;border-top-style:solid;margin-top:-1px;left:0;right:auto;font-size:14px;}
/* Header Bottom Bar */
.header-bottom-bar {position:relative;overflow:hidden;padding:0px 0}
.header-bottom-bar .container {padding:0 0px}
.header-bottom-border {border-bottom:0px solid #e5e5e5}
.breadcrumb {margin:0;background:none;padding:0px 0;font-size:12px;color:#888;}
.breadcrumb i {color:#ccc}
.breadcrumbs ul > li {color:#888 !important;border-radius:2px !important;padding:0;}
.breadcrumbs ul a {color:#888 !important}
/* company-search */
.company-search {width:50%;float:right}
.company-search form {margin-top:5px}
.company-search .form-control {border-color:#e5e5e5;border-width:0 0 1px 0}
.company-search .form-control:focus {box-shadow:0 0 0 #fff}
.company-search .input-group-btn .btn {border-color:#e5e5e5;border-width:0 0 1px 0;font-size:15px;color:#999;height:34px}
.company-search .input-group-btn .btn:hover {color:#333;background:none}
@media (max-width: 550px) {
.company-search {width:100%}
}
/*------------------------------------
Main
------------------------------------*/
/*---------- Basic Body ----------*/
.basic-body .basic-body-main {padding-top:40px;padding-bottom:25px;min-height:600px; }
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5}
.basic-body .basic-body-side {padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
@media (max-width: 990px){
.basic-body .basic-body-main {padding-top:20px;padding-bottom:25px; }
.basic-body .basic-body-main.left-main {border-right:0}
.basic-body .basic-body-main.right-main {border-left:0}
.basic-body .basic-body-side.left-side {margin-right:0;border-right:0}
.basic-body .basic-body-side.right-side {margin-left:0;border-left:0}
}
/* Generic */
.section-wrap {clear:both;min-height:100px;width:100%;padding-top:0px;padding-bottom:20px;position:relative}
.section-wrap.padding50 {padding-top:50px;padding-bottom:50px}
.section-wrap.no-padding {padding-top:0;padding-bottom:0}
.section-wrap-grey {box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;background-color:#e6e6e6;color:#888888}
.section-wrap-grey h1,.section-wrap-grey h2,.section-wrap-grey h3 {color:#444444}#scroll-top {background-color:#363839;transition:all 0.3s ease-out 0s;border:1px solid #444444;color:#EEEEEE;border-radius:3px !important;bottom:70px;width:40px;height:40px;line-height:40px;opacity:1;position:fixed;right:20px;text-align:center;text-decoration:none;display:none;z-index:10000}#scroll-top:hover {background-color:#FCFCFC;border:1px solid #E1E1E1;color:#007AFF}
/* circle-icon */
.circle-icon {background-color:#07384f;border-radius:75px 75px 75px 75px !important;color:#fff;margin-top:2px;margin-right:10px; text-align:center;height:40px;line-height:40px;width:40px;display:inline-block;font-size:18px !important}
.circle-icon.circle-green {background-color:#87b822;border-color:#87b822;color:#fff}
.circle-icon.circle-blue {background-color:#007aff;border-color:#007aff;color:#fff}
.company-box {display:inline-block;padding-bottom:50px;padding-top:70px}
.company-box .box-heading {margin-bottom:15px}
.company-box .box-heading .circle-icon {float:left}
.company-box .box-heading h2 {line-height:55px !important;margin:0;padding-left:65px;font-weight:normal;color:#666666;font-size:18px}
.company-box .content {color:#4a4949 !important;line-height:24px;margin-bottom:15px}
.company-box .view-more {float:right}
.company-box .view-more i {display:inline-block}
.company-box .view-more:hover {text-decoration:none}
/* Bg Image */
.bg-image-company {position:relative;width:100%;height:auto;padding:0px 0;background-image:url("../image/bg/bg_image_1.jpg");background-attachment:fixed;background-size:100%;background-position:center center;background-repeat:no-repeat;background-color:none}
.bg-image-company.second-bg {background-image:url("../image/bg/bg_image_2.jpg")}
.bg-image-company .transparency-bg {position:relative;padding:20px 10px;background:rgba(0, 0, 0, 0.0);text-align:center}
.bg-image-company .transparency-bg h2 {color:#fff}
.bg-image-company .transparency-bg p {color:#e5e5e5}
@media (min-width:992px) {
.bg-image-company {padding:100px 0}
}
/* Skill Box */
.skill-box .skill-icon {color:#333;display:inline-block;float:left;height:35px;line-height:35px;margin-right:10px;position:relative;text-align:center;width:35px;top:5px}
.skill-box .skill-icon > i {font-size:30px}
.skill-box .skill-info {padding-left:50px}
/* Icon Box */
.icon-box {border-radius:3px !important;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3);padding:35px 20px 20px;background:#FFFFFF;position:relative;margin-top:90px;text-align:center}
.icon-box p {text-align:left}
.icon-box .icon-box-icon {border:2px solid #acdd4b;border-radius:75px !important;color:#87b822;display:inline-block;font-size:24px !important;height:56px;line-height:56px;text-align:center;width:56px;position:absolute;top:-70px;left:50%;overflow:hidden;margin:0 0 0 -23px}
.icon-box .icon-box-title {font-size:16px;letter-spacing:1px;margin:0 0 16px;padding:2px 0 0;text-transform:uppercase}
/* Pages */
.sub-main .img-responsive {margin:0 auto}
/*------------------------------------
side_bs
------------------------------------*/
.side-menu-title h3 {background:#212227;padding:10px 20px;color:#fff;margin-top:0}
.list-group li.list-group-item {border:0 none;padding:0;background:none;margin-bottom:0}
.list-group li a {display:block;padding:10px 15px;color:#6a6a6a;border-bottom:1px solid #efefef}
.list-group li a:hover {color:#555;font-weight:600}
.list-group li.list-group-item.active {background:#fff}
.list-group li.list-group-item.active a {color:#3a3a3a;font-weight:600;border-color:#bbb}
.list-group li.list-group-item.active ul {}
.list-group li.list-group-item.active ul li {}
.list-group li.list-group-item.active ul li a {background:none;color:#9a9a9a;padding-left:25px;border-bottom:1px solid #efefef;padding:5px 0 5px 25px}
.list-group li.list-group-item.active ul li.active {}
.list-group li.list-group-item.active ul li.active a {color:#3a3a3a}
/*------------------------------------
Footer
------------------------------------*/
footer {position:relative;background:#000;border-top:0px solid #C7C8CF;padding:30px 0 0; color:#C7C8CF;}
.footer-top-content .footer-top-title {font-weight:none;margin:0 0 15px;padding-bottom:15px;border-bottom:1px dotted #ffa200; color:#ffffff;}
.footer-top-content .footer-top-title a {color:#ffffff}
.footer-top-content .cont-first span {display:block;color:#C7C8CF-;font-size:14px; text-decoration:none}
.footer-top-content .cont-first .tel-num {font-size:28px;font-weight:none;margin-bottom:20px; text-decoration:none}
.footer-top-content .cont-first .cont-annotation {color:#959595;font-size:13px}
.footer-top-content .cont-last {font-size:12px}
.footer-top-content .cont-last ul li {color:#959595;margin-bottom:3px}
.footer-top-content .cont-last strong {display:inline-block;width:100px;font-weight:normal;color:#959595}
.footer-top-content .cont-last span {margin-right:10px}
.footer-top-content .cont-last a {color:#656565}
.footer-top-content .cont-last a:hover {color:#4a4949;text-decoration:none}
.footer-top-content .social-icons ul li {background:#f2f2f2;margin-right:2px}
.footer-top-content .responsive-video {margin:0}
div.footer-copyright nav {float:right}
div.footer-copyright {background:#000;border-top:1px solid #2e3137;margin-top:40px;padding:20px 0}
div.footer-copyright p {color:#555555;margin:0;padding:0}
div.footer-copyright nav ul {list-style:none;margin:0;padding:0}
div.footer-copyright nav ul li {border-left:1px solid #505050;display:inline-block;line-height:12px;margin:0;padding:0 8px}
div.footer-copyright nav ul li:first-child {border:none;padding-left:0}
div.footer-copyright nav ul li a {color:#858585}
div.footer-copyright nav ul li a:hover {color:#fff}
/*Social Icons*/
.social-icons ul {float:left;list-style:none;margin:0 0 -1px;padding:0;height:40px;overflow:hidden}
.social-icons ul li {display:block;float:left;margin:0;margin-left:1px;padding:0;height:40px;overflow:hidden;background:#000}
.social-icons ul li a {background-position:0 0;background-repeat:no-repeat;display:block;height:80px;opacity:0.6;text-indent:-9999px;transition:all 0.2s ease 0s;width:40px;top:0;font-size:16px;position:relative;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-o-transition:all ease 0.3s;-ms-transition:all ease 0.3s;transition:all ease 0.3s}
.social-icons ul li a:hover {top:-40px}
.social-icons ul li a:before {position:absolute;width:40px;height:40px;font-family:FontAwesome;text-indent:0;line-height:40px;top:0;left:0;text-align:center;color:#999999}
.social-icons ul li a:after {position:absolute;width:40px;height:40px;font-family:FontAwesome;text-indent:0;line-height:40px;top:40px;left:0;text-align:center;color:#FFFFFF}
.social-icons ul li.social-twitter a:before {content:"f099"}
.social-icons ul li.social-twitter a:after {content:"f099";background:#5a9de5}
.social-icons ul li.social-facebook a:before {content:"f09a"}
.social-icons ul li.social-facebook a:after {content:"f09a";background:#007AFF}
.social-icons ul li.social-google a:before {content:"f0d5"}
.social-icons ul li.social-google a:after {content:"f0d5";background:#e33334}
.social-icons ul li.social-youtube a:before {content:"f167"}
.social-icons ul li.social-youtube a:after {content:"f167";background:#F45750}
.social-icons ul li.social-instagram a:before {content:"f16d"}
.social-icons ul li.social-instagram a:after {content:"f16d";background:#ff9501}
.social-icons ul li.social-rss a:before {content:"f09e"}
.social-icons ul li.social-rss a:after {content:"f09e";background:#FE9900}
.social_facebook {background: url(../image/social/facebook.png) no-repeat;}
.social_googleplus {background: url(../image/social/googleplus.png) no-repeat;}
.social_kakao {background: url(../image/social/kakao.png) no-repeat;}
.social_kakaostory {background: url(../image/social/kakaostory.png) no-repeat;}
.social_band {background: url(../image/social/band.png) no-repeat;}
.social_rss {background: url(../image/social/rss.png) no-repeat;}
.social_twitter {background: url(../image/social/twitter.png) no-repeat;}
/*------------------------------------
Responsive
------------------------------------*/
@media (min-width: 992px) {
.header-bottom-bar {margin-top:40px}
.eb-space .header-bottom-bar {margin-top:90px}
.navbar-default {top:0}
.navbar-default.navbar-fixed-area {top:0px}
.navbar-default.navbar-fixed-shrink {position:fixed;top:0;height:50px;line-height:50px;min-height:30px}
.boxed-layout .navbar-default.navbar-fixed-shrink {background-color:inherit}
.boxed-layout .navbar-default.navbar-fixed-shrink > .container {background-color:rgba(255,255,255,0.9);}
.navbar-default.navbar-fixed-shrink .navbar-nav > li > a {height:50px;line-height:50px}
.navbar-default.navbar-fixed-shrink .navbar-brand {font-size:20px;margin-top:0}
.navbar-default.navbar-fixed-shrink .navbar-brand img {width:150px;margin-top:-8px}
.dropdown-menu {box-shadow:0 8px 15px rgba(0, 0, 0, 0.1);min-width:200px}
.dropdown-menu li a {float:left;font-size:14px;height:auto;line-height:24px;max-width:none;min-height:24px;padding:10px 10px;text-align:left;text-decoration:none;width:100%;color:#4a4949;}
.navbar-default .dropdown-submenu2 {margin-left:-30px}
}
@media (min-width: 768px) and (max-width: 991px) {
.header-bottom-bar {margin-top:90px}
.navbar-default {top:0;position:absolute}
.navbar-default.space-top {top:40px}
.navbar > .container .navbar-brand {display:none}
.navbar-nav {padding-top:35px}
.navbar-default .dropdown > a:after {top:10px;right:5px}
.navbar-nav > li > .dropdown-menu {margin-top:0px}
.navbar-default .dropdown-submenu2 li a {position:relative;display:block;width:100%;line-height:20px;height:auto;padding-top:10px;padding-bottom:10px;color:#808080}
.navbar-default .dropdown-submenu2 {margin-left:-10px}
}
@media (max-width: 991px) {
.navbar-default {line-height:normal !important;background:#fff}
.navbar-brand {padding-top:5px !important}
.navbar-brand,.navbar-nav > li > a {color:#000000;; line-height:20px !important;height:auto !important; }
.navbar-default .navbar-nav > .active > a:before {content:" "}
.navbar-collapse .nav {float:left !important;clear:both;margin-left:-15px;margin-top:10px}
header .nav li > a,header .nav li:hover > a,header .nav li.active > a,header .nav li.active:hover > a {border:medium none !important;padding-top:10px !important;padding-bottom:10px !important}
.navbar > .container .navbar-brand {margin-top:10px}
.core-box {padding-bottom:10px;padding-top:10px}
.core-box .heading {margin-bottom:0}
.core-box .heading .circle-icon {float:none !important;text-align:center}
.core-box .heading h2 {padding-left:0}
}
@media (min-width: 768px) {
.mega-menu {position:static !important}
.mega-menu .dropdown-menu {left:0 !important;right:0 !important;width:100% !important}
.navbar-collapse.in {overflow-y:visible !Important}
}
@media (max-width: 767px) {
.header-bottom-bar {margin-top:40px}#slidingbar-area {display:none}#topbar .callus {display:none}
#topbar .member-menu {margin-left:-10px}
.navbar-default {top:40px !important;height:auto !important;float:none !important}
.navbar-collapse .nav {float:none !important}
.navbar > .container .navbar-brand img {max-height:25px}
.navbar-default .navbar-nav li > a,.navbar-default .navbar-nav li > a:hover,.navbar-default .navbar-nav li > a:focus {border-top-color:#e1e1e1 !important;border-top-width:1px !important;border-top-style:solid !important;line-height:20px !important;height:auto !important;margin:0}
.navbar-default .navbar-nav li > a:hover,.navbar-default .navbar-nav li > a:focus {background-color:#ff9501 !important;color:#fff !important}
.navbar-nav,.dropdown-menu {margin-top:0px !important;padding-top:0;margin-bottom:0 !important}
.navbar-default .dropdown > a:after {top:0px;right:15px}
.navbar-default .dropdown-submenu2 li a {position:relative;display:block;width:100%;line-height:20px;height:auto;padding-top:10px;padding-bottom:10px;color:#808080}
.navbar-toggle {background:#fff;border:medium none;border-radius:0;margin-top:8px;padding:10px;font-size:16px}
.navbar-toggle:hover,.navbar-toggle:focus {background-color:#fff !important}
.mega-menu .mega-menu-content ul.sub-menu .mega-menu-sub-title {padding-top:15px;padding-bottom:15px}
}
/*------------------------------------
Default
------------------------------------*/
a {color:#4a4949}
a:focus,a:hover,a:active {color:#fb4558}
p strong {color:#ffffff}
.navbar > .container .navbar-brand i,.navbar > .container .navbar-brand:hover i {color:#fb4558}
.navbar-default .navbar-nav > .active > a:before {color:#4a4949}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.dropdown.open > a {border-bottom-color:#ff9501}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#e33334}
.navbar-nav > li > .dropdown-menu {border-top-color:#fb4558;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {background-color:#fb4558}
.mega-menu .mega-menu-content ul.sub-menu .active > a {background-color:#fb4558;color:#fff}
.circle-icon.circle-main-color {background-color:#fb4558;border-color:#007AFF;color:#fff}
.sb_toggle {border-color:#fb4558 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}
#scroll-top {background-color:#fb4558;border:1px solid #fb4558;color:#EEEEEE}
#scroll-top:hover {background-color:#fcfcfc;border:1px solid #e1e1e1;color:#fb4558}
.skill-box .skill-icon {color:#fb4558}
.colored-top-bar #topbar {background:#fb4558;color:#fff;border-bottom:1px solid #fb4558}
/*---------- content-inner----------*/
.basic-body .basic-body-main .content-inner {padding-top:40px;padding-bottom:25px;min-width:990px; max-width:1120px; }
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5}
.basic-body .basic-body-side {padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
@media (max-width: 990px){
.basic-body .basic-body-main.left-main {border-right:0}
.basic-body .basic-body-main.right-main {border-left:0}
.basic-body .basic-body-side.left-side {margin-right:0;border-right:0}
.basic-body .basic-body-side.right-side {margin-left:0;border-left:0}
}
테마의 스타일 css는 eyoom/theme/테마명/css/style.css 파일에 있으며 해당 파일에서 수정하면 되겠습니다.
반응협 웹에서 스타일 css는 미디어쿼리를 이용하니 구글, 네이버 등에서 검색해 정보를 활용하기 바라며 사이트를 방문해서 봤을 때 수정한 부분이 있어 보입니다.
수정한 부분에 맞춰 미디어쿼리를 이용해 css를 수정하기 바랍니다.
예)
@media (max-width:767px){
/* 모바일 및 테블릿 css */
}
감사합니다.
메인 슬라이더 (eb슬라이더) 의 화면을 봤을때 pc와 모바일에서 100% 화면 사이즈로 되어 있습니다.
작업을 하다보니 모바일 화면 세로 사이즈가 너무 작아져서 수정을 하고 싶습니다.
모바일 화면일 경우 좌우가 잘리더라도 세로 사이즈를 키우고 싶습니다.
모바일만 슬라이더 크기의 스타일을 변경하고 싶은데 어떤 부분을 수정하면 될런지?
혹시 pc와 모바일에서 슬라이더 목록에 있는 항목을 따로 따로 적용할 수 있는지도 궁금합니다.
매번 답변 감사드립니다. 그럼 오늘도 수고해주세요~~~
해당 스킨에서 높이는 이미지 파일 비율에 따라 출력이 되는 것 입니다.
가로폭 100%에 맞춰 높이 값이 자동으로 조절이 되니 이미지 파일의 비율을 변겨해 보기 바랍니다.
레이아웃과 스타일을 수정 한다면 eb슬라이더는 eyoom/theme/테마명/skin_bs/ebslider/스킨명/ebslider.skin.html 파일에서 수정을 하기 바랍니다.
반응형 웹은 미디어 쿼리를 이용해 브라우저 폭에 따라 css 스타일을 변경 할 수 있습니다.
미디어 쿼리를 키워드로 구글등에서 검색을 통해 활용법을 확인해 보기 바랍니다.
감사합니다.
모바일로 접속해보니 동영상이 안나오더라구요 모바일은 동영상 플레이가 안되는건가요?
해당 스킨은 모바일에서는 동영상 출력이 안되고 등록한 이미지와 문구가 나오게 패치할 계획에 있습니다.
감사합니다.
1.해당테마 옵션이 없을경우는 괜찮지만 옵션이있을경우 모바일로 보면 수량 변경하는게 엉뚱한곳에 나타납니다
2.4차 카테고리는 나타나지않는데 공간이 있는데 보여주면 더좋을듯합니다.
1. 영카트5의 모바일 css가 영향을 줘서 디자인과 레이아웃이 잘못 출력됐습니다.
사용하는 쇼핑몰 테마 최신패치를 적용하기 바랍니다.
2. 현재는 3단까지만 출력되게 되어 있으며 4단 이상 사용하는 사이트는 적다는 판단에서 출력 구현되지 않았습니다.
4단 이상의 메뉴를 구현하고자 한다면 제작의뢰를 이용해 주시기 바랍니다.
감사합니다.
클릭하면 홈페이지 메인으로 다시 접속이 되는데.... 기능을 어떻게 설정해야할까요 ㅠㅠㅠ
해당 링크는 사용자의 sns 사이트 링크를 연결하는 아이콘으로 직접 파일을 열어 입력을 해야 합니다.
eyoom/theme/테마명/main/index_bs.html 파일을 열어 sns 링크를 입력하기 바랍니다.
<li class="social-facebook">
<a target="_blank" href="#">Facebook</a>
</li>
href에 sns 링크를 입력합니다.
감사합니다.
오늘 구매했습니다.
설치는 했는데 출석부 설정을 하고 설정 저장 버튼을 눌러도 아무런 반응이 없네요
화면도 이렇게 깨져서 나오고요.
뭐가 문제인지 모르겠습니다.
이윰빌더 3 설치되어 있고 다른 건 하나도 건드린 것이 거의 없습니다.
출석부 설치시 설치방법대로 설치를 했느지 확인 바라며 혹시 알집을 사용해 압축해제했다면 정상 압축해제가 안될 수 있으니 반디집, 7z을 이용해 압축해제후 설치 하기 바랍니다.
이미지와 글만으로 정확한 문제를 알 수는 없으나 디자인이 완전히 깨지는 것으로 봐서는 스크립트 오류일 가능성이 높으니 재설치 해 보기 바랍니다.
문제가 계속된다면 질문과 답변, 1:1문의를 통해 질문 바라며 문제를 확인 할 수 있는 정보를 남겨주기 바랍니다.
감사합니다.