Navigation
Archive / Collasping Margin for mobile View
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 15, 2017 at 11:46 pm #1373043
    meesiamz
    Participant

    My footer form on Mobile View collapsed. I can’t find the problem to it. Please Assist

    http://www.stemcord.com

    /*
Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
*/
/*Popup*/
.pum-theme-5610 .pum-container, .pum-theme-enterprise-blue .pum-container {
/*background: linear-gradient(to bottom, #17398d 0%,#16388c 45%,#16388c 45%,white 45%,white 100%) !important;*/
background: #17398d !important;
padding: 0 !important;
}
.pum-content .header{
width: 85%;
margin-left: auto;
margin-bottom: 45px;
margin-right: auto;
color: #fff;
margin-bottom: 20px;
font-size: 14px;
padding-left: 80px !important;
}
.pum-content img{
width: 50%;
}
.pum-content .content{
width: 85%;
margin-left: auto;
margin-bottom: 45px;
margin-right: auto;
color: #fff;
margin-bottom: 20px;
font-size: 14px;
padding-left: 80px !important;
}
.pum-content a{
border: 1px solid #f68a1f; 
color: #f68a1f; 
padding: 5px 15px; 
border-radius: 5px;
}
.pum-content a:hover{
background: #f68a1f;
color: #fff;
}
.pum-content a:focus{
outline: none;
}
/*End of Popup*/
.image1 {
cursor: pointer;
}
.image2 {
cursor: pointer;
}
.image3 {
cursor: pointer;
}
.about_us_page_img{margin-top:-9px;}
.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: 0 0px 0 0 #fff !important;
}
.x-navbar .desktop .x-nav li > a > span::after {
content:none !important;
}
.x-navbar .desktop .x-nav > li > a {
font-size: 15px !important;
}
.x-brand img {
margin-top: -14px !important;
width: 239px !important;
}
.x-navbar .desktop .x-nav {
margin: 0;
padding: 22px 0;
}
.footer-2nd-widget h2 {
border-bottom: 2px solid !important;
font-size: 32px !important;
margin-bottom: 23px !important;
padding: 0 0 23px !important;
}
.x-colophon.top {
background-color: #fff !important;
}
.footer-2nd-widget > ul {
list-style: outside none none !important;
margin: 0 !important;
padding: 0 !important;
}
.x-colophon .widget ul li {
background-color: #fff !important;
}
.footer-2nd-widget a{color: #878787 !important;}
.header-orange {
color: #f4891f !important;
}
.header-yellow{
color: #f4be16 !important;
}
.news{ font-size: 14px !important;}
.x-column.x-md.x-1-4.last {
margin-top: 45px !important;
}
.nes_first a:hover {
color: #203D99 !important;
}
.sec_news a:hover {
color: #f4891f !important;
}
.news a:hover {
color: #f4891f !important;
}
.x-colophon.bottom {
background-color: white !important;
background-image: url( "https://www.stemcord.com/wp-content/uploads/2016/05/footer-img.png") !important;
background-size: 100% 100%;
}
.x-colophon.bottom .x-social-global {
margin: 20px 0;
text-align: right !important;
}
.x-colophon.bottom .x-nav {
display: none !important;
}
.x-colophon.bottom .x-colophon-content {
float: left;
letter-spacing: 1px;
margin: -37px 0 !important;
opacity: 1;
text-align: left !important;
color:#fff;
}
.contact1 {
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/location-img-e1463710942302.png")
no-repeat scroll 0 0;
float: left;
height: 28px;
font-size: 13px;
margin: 12px 7px 0 70px;
padding: 0 0 0 34px;
}
.contact2 {
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/contact-img-e1463710920757.png")
no-repeat scroll 0 0;
float: left;
font-size: 13px;
height: 28px;
margin: 12px 7px 0 14px;
padding: 0 0 0 34px;
}
.x-colophon.bottom {
padding: 10px 0 !important;
}
.contact3 {
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/email-img-e1463710932590.png")
no-repeat scroll 0 0;
float: left;
font-size: 13px;
margin: 12px 7px 0 14px;
padding: 0 0 0 34px;
}
.x-topbar{
background-color: #fff !important;
background-image: url( "https://www.stemcord.com/wp-content/uploads/2016/12/header-img-1024x146-e1480696508323.png") !important;
background-size: 100% 100%;
padding: 0 0 5.25% !important;
min-height: 195px;
}
.x-topbar-inner.x-container.max.width {
width: 100% !important;
}
.x-navbar-wrap{
clear: both !important;
height: 50px;
}
.x-topbar .x-social-global {
display: none !important;
}
.x-topbar {
padding: 10px 0 !important;
}
.x-colophon.top {
background-color: #f9f9f9;
padding: 0 0 5.25% !important;
}
.x-content-band.vc.bg-image{ background-size: inherit !important;}
.slider-responsive-text    font-family: asd !important;
font-size: 52px !important;
font-weight: 400;
text-align: right;
}
.left_design{min-height:390px !important;}
.right_design{min-height:414px !important;}
.x-column.x-sm.vc.halfcontainer.left_design.x-1-2 {
min-height: 414px !important;
}
.about_cord_design{
min-height: 349px !important;
}
.about_cord_design1{
min-height: 349px !important;
padding-bottom: 77px !important;
}
.why_sterm_one {
min-height: 662px !important;
}
.home_slider{
margin-bottom:0 !important;}
.FACT_NETCORD{margin-top: 137px !important;}
.OUR_ACCREDITATION {
margin-top: 82px !important;
}
.halfcontainer.about-cord-stem-cells{
min-height: 367px !important;
}
.menu li {
float: right;
font-size: 12px;
margin-left: 22px;
margin-top: 12px;
color: #FFF !important;
}
.menu {
float: right;
margin-right: 65px;
color: #FFF !important;
}
.menu a {
color: #ffff !important;
text-transform: uppercase;
}
.menu a:hover {
color: #ffff !important;
}
.page-id-394 .pic_2002 {
width: 360px;
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/bluee.png');
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 23px 23px 16px 0;
text-align: center;
color:#fff;
}
.page-id-394 div#x-content-band-1 {
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/2002pic.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}
.page-id-394 .pic_2003{
width: 360px;
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/2003_org.png');
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 23px 0 16px 22px;
text-align: center;
float: right;
color:#fff;
}
.page-id-394 div#x-content-band-2{
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/2003pic.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}
.col_2003{
float: right;
}
.page-id-394 div#x-content-band-3{
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/pic2004.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
margin-top: 0px;
}
.page-id-394 .pic_2008,.pic_2006{
width: 360px;
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/org2006.png');
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 23px 0 16px 22px;
text-align: center;
float: right;
color:#fff;
}
.page-id-394 div#x-content-band-4{
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/pic2006.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}
.col_2006,.col_2006{
float: right;
}
.pic_2007{
width: 360px;
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/blu2007.png');
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 23px 23px 16px 0;
text-align: center;
color:#fff;
}
.page-id-394 div#x-content-band-5{
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/pic2007.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}
.page-id-394 div#x-content-band-6{
background-image: url('https://www.stemcord.com/wp-content/uploads/2016/05/pic2008.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}
.para_style p {
font-size: 16px !important;
margin-top: -9px !important;
text-align: left !important;
color:#fff !important;
}
.page-id-2537 .p {
letter-spacing: 1px !important;
line-height: 18px !important;
margin: 0 0 1em !important;
text-align: center;
}
.x-navbar {
padding: 0px;
}
.x-column.x-sm.vc.x-1-2 {
padding-top: 0px;
}
.vc_btn3-container.vc_btn3-right {
margin-bottom: 0;
}
.slider-responsive-text > span {
font-size: 37px;
}
.para-one p {
padding-left: 15px;
padding-top: 3px;
}
.para-two p {
padding-left: 30px;
padding-top: 3px;
}
.vc_btn3-container.button-para-1.vc_btn3-center {
padding-top: 14px;
}
.vc_btn3-container.button-para-2.vc_btn3-center {
padding-top: 14px;
}
h2.event-heading {
margin-top: 128px;
}
h4.new_text {
text-transform: none;
font-weight: normal;
}
.vc_btn3-container.baby_button.vc_btn3-center {
padding-top: 20px;
}
.cord_text_1 {
padding-top: 5px;
}
.cord_text_2 {
padding-top: 5px;
padding-left: 25px;
}
.vc_btn3-container.cord_button_1.vc_btn3-center {
padding-top: 13px;
}
.x-column.x-sm.vc.halfcontainer_1.x-1-2 {
padding-bottom: 38px !important;
}
p.accreditation_text {
text-align: center !important;
}
p.bonus_scheme_text {
text-align: center !important;
}
.facebook {
margin-top: 35px !important;
}
h2.cord_heading_1 {
padding-top: 55px;
}
h2.cord_heading_2 {
padding-top: 55px;
}
.x-column.x-sm.vc.cord_first_text.x-1-2 {
margin-left: -63px !important;
}
.x-content-band.vc.cord_baby_column {
margin-bottom: -40px !important;
}
.center-custom-image {
float: none;
display: inline-block;
vertical-align: middle;
}
.x-section .x-container.marginless-columns .x-column {
vertical-align: middle !important;
}
.x-section .x-container.marginless-columns .x-column .x-img{
margin-bottom: 0;
}
.center-custom-image { display:block; margin: 0 auto; }
.x-topbar a {
color: #FFF;
}
.x-navbar .desktop .x-nav > li > a:hover {
color: #000 !important;
}
.sub-menu > li > a:hover {
color: #000 !important;}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a
{
color: #f58923!important;}
/* Custom Images Edit */
.doctor1 {
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor-img-hover.jpg'); 
width:365px;
height: 375px;
}
.doctor1:hover {
background: #000;
z-index: 9999;
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor1-img.jpg'); 
}
.doctor2 {
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor2-img-hover.jpg'); 
width:365px;
height: 375px;
}
.doctor2:hover {
background: #000;
z-index: 9999;
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor2-img.jpg'); 
}
.doctor3 {
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor3-img-hover.jpg'); 
width:365px;
height: 375px;
}
.doctor3:hover {
background: #000;
z-index: 9999;
background : url('https://www.stemcord.com/wp-content/uploads/2016/05/doctor3-img.jpg'); 
}
.h-landmark {
text-align: center !important;
color: #183b8d !important;
font-size: 28px !important;
letter-spacing: 2px !important;
} 
.h-landmark span {
padding: 3% 0px 3% !important;
border-bottom: 1px solid #183b8d !important;
}
.x-landmark {
padding-right: 0 !important;
}
.x-header-landmark {
margin-top: 30px !important;
border: 0px !important;
}
.ts-timeline-2.dark>li:nth-child(odd) .ts-timeline-2-time span:last-child, .ts-timeline-2.light>li:nth-child(odd) .ts-timeline-2-time span:last-child {
font-size: 40px !important;
font-style: bold !important;
color: #f68a1f !important;
}
.ts-timeline-2.showdate>li .ts-timeline-2-time span:last-child {
font-size: 40px !important;
}
.ts-timeline-2.light>li:nth-child(odd) .ts-timeline-2-label h2 {
font-size: 18px !important;
color: #f68a1f !important;
}
.ts-timeline-2.light>li:nth-child(odd) .ts-timeline-2-label {
font-size: 14px !important;
color: #f68a1f !important;
background: #fff !important;
}
.ts-timeline-2:before {
width: 4px !important;
}
.ts-timeline-2.light>li .ts-timeline-2-label span:last-child {
color: #f68a1f !important;
}
.ts-timeline-2.light>li .ts-timeline-2-label h2 {
font-size: 18px !important;
}
.ts-timeline-2.light>li .ts-timeline-2-label {
font-size: 14px !important;
background: #fcfcfe !important;
}
/*New Top Header*/
.new-top-1{
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/location-img-e1463710942302.png")
no-repeat scroll 0 0;
float: left;
height: 28px;
font-size: 13px;
margin: 26px 7px 0 30px;
padding: 0 0 0 34px;
}
.new-top-2 {
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/contact-img-e1463710920757.png")
no-repeat scroll 0 0;
float: left;
font-size: 13px;
height: 28px;
margin: 26px 7px 0 14px;
padding: 0 0 0 34px;
}
.new-top-3 {
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/email-img-e1463710932590.png")
no-repeat scroll 0 0;
float: left;
font-size: 13px;
margin: 26px 7px 0 14px;
padding: 0 0 0 34px;
}
.new-top-4 {
float: right;
line-height: 1.1;
background: rgba(0, 0, 0, 0) url("https://www.stemcord.com/wp-content/uploads/2016/05/contact-img-e1463710920757.png")
no-repeat scroll 0 0;
font-size: 26px;
height: 60px;
margin: 12px 30px 0 14px;
padding: 0 0 0 34px;
}
.title-top-4{
color: #f68923;
display: block;
}
.content-top-4{
color: #fff;
display: block;
}
/* Dropdown Button */
.dropbtn {
background-color: #183b8d;
color: white;
border: 1px solid #fff;
padding: 0 20px;
font-size: 14px;
cursor: pointer;
width: 90px;
border-radius: 4px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
margin-top: 10px;
font-size: 14px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #183b8d;
padding: 5px 20px;
text-decoration: none;
display: block;
width: 90px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
@media (max-width: 480px){
.mobile-spacing {
margin-top: 30px;
}
.mobile-header-font-size {
font-size: 22px !important;
font-weight: 400 !important;
}
}
@media (max-width: 750px){
.new-top-1, .new-top-2, .new-top-3{
margin: 26px 0px 0px 30px;
}
.new-top-4{
font-size: 20px;
}
}
@media (max-width: 650px){
.x-topbar{
min-height: 222px;
}
.contact1, .contact2 {
margin: 0px 0px 0px 54px
}
.new-top-1, .new-top-2, .new-top-3{
margin: 0px 0px 0px 20px
}
.contact3, .new-top-4 {
width: 100%;
text-align: left;
margin-left: 65px;
margin-right: 0;
background-position-x: 19px;
padding-left: 52px;
margin-top: 5px;
font-size: 14px;
}
.dropdown-top-4{
float: right;
margin-top: -35px !important;
margin-right: 10px;
}
.x-topbar .menu {
width: 100%;
margin-right: 0;
}
.x-topbar .menu ul {
margin: 0;
}
.x-topbar .menu ul li {
float: none;
margin-left: 130px;
margin-top: 15px;
margin-bottom: 5px;
}
}
@media (max-width: 375px){
.new-top-1, .new-top-2, .new-top-3 {
margin: 0px 0px 0px 8px;
}
}
@media (max-width: 320px){
.new-top-1, .new-top-2 {
margin: 0px 0px 0px 28px;
}
.new-top-3{
margin: 5px 0px 5px 100px;
}
.x-topbar{
min-height: 260px;
}
.title-top-4, .content-top-4 {
font-size: 18px !important;
}
}
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 94px;
}
.x-accordion-heading {
font-size: 12px !important;
}
span.vc_icon_element-icon.vc-oi.vc-oi-book-open {
display: none !important;
}
.page-id-2537 .ssd .x-accordion-heading .x-accordion-toggle{
font-size: 14px;
background:#f68a1f !important;
}
.es_textbox_button{
color: #f68a1f;
border-color: #f68a1f;
background-color: hsla(0,0%,100%,0);
border-width: 1px;
border-width: 1px;
border-style: solid;
padding: 3px 25px;
}
.es_textbox_button:hover{
color: hsl(0,0%,100%);
border-color: hsla(0,0%,100%,0);
background-color: #f68a1f;
}
    February 15, 2017 at 11:56 pm #1373055
    meesiamz
    Participant

    The 30px margin-top not working.

    <span style="font-size:24px; color: #fff; margin-bottom: 10px; margin-top: 30px;">Useful Links</span>

    February 16, 2017 at 2:48 am #1373220
    Paul R
    Moderator

    Hi,

    1. You can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 767px) {
footer .x-column.x-md.x-1-4.last {
height: auto;
}
}
2. Use div instead of span
eg.

    <div style=”font-size:24px; color: #fff; margin-bottom: 10px; margin-top: 30px;”>Useful Links</div>
    `

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1373043 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>