Search Results for 'mobile'

Thank you! I deactivate tagDiv Mobile Theme and all worck correct!

Unfortunately it didn’t make the change… Here is all those custom code currently on this site…

.td-icon-facebook {
font-size: 17px !important;
}

#big input[type=”email”] {
padding: 9px 0 !important;
height: auto;
display: inline-block;
}

.popup { margin: 0; padding: 0; box-sizing: border-box; }
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 500px; margin-left: -250px; padding: 50px 30px;
background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #005689; z-index: 9999;}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 14px; color: #FF8282; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.page-cover {position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 9998;}
#big input[type=”email”] {font-size: 21px;width: 100%;padding: 21px 0; text-indent: 15px; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 10px;}
#big input[type=”submit”] {width: 100%;background: #049700;color: #fff;font-size: 20px;padding: 9px;text-shadow: 0 0 8px rgba(0,0,0,0.8);font-weight: bold; cursor: pointer;}
.popup ul li {
line-height: 32px;
}
.popup ul{
margin-bottom: 20px;
}
input#mce-EMAIL {
margin-bottom: 10px;
}

#subscribe-big input[type=”email”] {
width: auto;
border: 1px solid #ff1440;
background: #fff;
border-radius: 3px;
padding: 10px;
height: 43px;
line-height: 19px;
font-size: 15px;
color: #000000;
width: 305px;
}
#subscribe-big input {
margin: 0;
}
#subscribe-big .mc-field-group {
background: #fff;
padding: 10px;
width:595px;
margin:0 auto;
}

#subscribe-big #mc-embedded-subscribe {
background: #ff1440;
font-size: 21px;
line-height: 24px;
height: 59px;
width: 249px;
font-weight: bold;
margin-left: 15px !important;
}

@media screen and (max-width:1200px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 35px !important;
line-height: 45px !important;
}
#Subscribe_page h2 {
margin-top: 0;
}
}

@media screen and (max-width:610px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 28px !important;
line-height: 38px !important;
}
#Subscribe_page ul li {
font-size: 18px !important;
line-height: 30px !important;
}
#Subscribe_page ul {
width: 430px !important;
}
#subscribe-big input[type=”email”] {
width: 100%;
margin-bottom: 10px;
}
#subscribe-big #mc-embedded-subscribe {
font-size: 18px;
height: 50px;
margin: 0 !important;
width: 100%;
}
#subscribe-big .mc-field-group {
width: 100%;
}
}

@media screen and (max-width:410px){
#Subscribe_page ul {
width: 283px !important;
}
}

.dgd_stb_box {
box-shadow: none !important;
}
.dgd_stb_box {
background: #005689 !important;
}
.dgd_stb_box .dgd_stb_box_close {
background-color: #004679 !important;
box-shadow: 0px 0px 0px 2px #fff !important;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
color: #FFF;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
text-decoration: none;
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 18px;
}

.dgd_stb_box h4 {
color: #fff !important;
font-size: 19px !important;
margin: 25px 0 15px !important;
text-align: center !important;
line-height: 24px;
font-family: “Merriweather Sans”;
}

.dgd_stb_box p {
font-size: 19px !important;
color: #fff !important;
margin-bottom: 17px !important;
text-align: center !important;
font-family: “Merriweather Sans”;
}
#popup-subscribe-box #mc_embed_signup #mce-EMAIL {
width: 100%;
height: auto;
padding: 9px;
font-size: 16px;
background: #fff;
color: #000;
margin: 0;
}
#popup-subscribe-box #mc-embedded-subscribe {
width: 100% !important;
border: none !important;
border-radius: 0;
font-size: 18px;
background-color: green;
}
.dgd_stb_box ul li {
color: #fff !important;
}
.dgd_stb_box ul {
list-style: inherit !important;
}

.td-header-sp-recs {
float: right !important;
}
.td-header-sp-logo {
float: left !important;
}
#td_uid_1_59cc7d4a7d90f > div > div > div > div:nth-child(1) > span{
display: none !important;
}
#td_uid_1_59cc7ea311af3 > div > div > div > div:nth-child(2) > span{
display: none !important;
}

.td-business .td-header-style-1 .td-header-sp-logo {
float: left !important;
}

Thanks Simion,

that will put a permanent border on one div, but it’s not a divider between columns, I’m looking for a 1px border between 3 columns, this would be 1px right of the first 2 and then on mobile 1px bottom of the first 2.

Hope this makes sense?

David

Perfect, now it works and the images adapt to the mobile.
Thanks for the help and the screenshots.

@amit

It is so strange, because with me on my mobile the ads on Chrome and FireFox are not shown see the screenshots:

Screenshot FireFox
Screenshot Chrome

You can log in on my website to see if everything is set up correctly, etc.

• This reply was modified 8 years by marijn390.

Simion. Thank you for responding, but in the home is an ad in the header and another after the main menu, which is shown or sometimes shows the ad of the header and the other does not, or vice versa.
As for the mobile version it does not show any.