Our Logo has suddenly switched to the right side of our header from the left. There were no changes made on the site however we have since updated all plugins, and checked for compatibility issues (deactivating all plugins does not solve this issue.) We are using header style 1
https://capitalequityreview.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-03-at-3.25.02-PM.png
Hello 33ParkMedia,
Try using the code below and place it in Theme panel -> Custom CSS Area.
The code is ->
.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}
Thanks.
I place the code but no change was made
Hello 33ParkMedia,
Try to add the !important tag after the code to give more priority.
Hope this helps!
Thanks for your understanding!
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;
}
Hi,
Let’s try and better understand/explain this situation. The logo on the right is a business demo customization, based on the default header style 1
– https://demo.tagdiv.com/newspaper_business/
The default header style 1 looks like this
– https://forum.tagdiv.com/header-styles/
All the demos have custom design, based on modifications made to the default theme elements.
In this case you could either change the header style (the design is only for header style 1), or remove the code that is responsible for the modification, in the demo stylesheet directly
– https://www.screencast.com/t/oE3x6hLon
Or override the demo design with the code provided above
– https://www.screencast.com/t/1EnIYlxa5
Each one of the solutions would work, decide which one you want to use.
Thanks
