[Rue NelModerator]

Hello There,

Thanks for updating in! It is not displaying because you have added this code:

@media (max-width: 1440px){
  .x-topbar {
    display: none;
  }
}

Please remove this block and replace it with code code:

@media (max-width: 1440px){
  .x-topbar {
    display: block;
  }
  
  body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 150px;
  }
}

Hope this helps. Kindly let us know.

[Adam BreenParticipant]

Hi there,
We are continuing to have CSS issues with this site, and frankly, it’s because we keep implementing the code supplied by Themeco.

At this point, I need a thorough review of the existing CSS in order to solve our issues.

The primary issues, now, are that the site padding continues to be a mess. The sidebar ads are STILL not presenting correctly, and now the menu bar is broken as well.

The entire menu should appear when being viewed at 1280 wide, instead of breaking over two lines.

The ads should appear, on a desktop view, in their entirety.

Please review the below css, and let us know what needs to be changed to resolve it. Apologies for the tone, but this is extremely frustrating!

———–

@media(max-width: 1440px){
.x-topbar-inner.x-container.max.width {
margin-left: auto;
margin-right: auto;
width: 98%;
}
}

.x-btn-navbar {
margin-top: 20px;
color: #000 !important;
}

.x-colophon.bottom .x-colophon-content,.x-colophon.bottom .x-colophon-content, .x-colophon.bottom a, .x-colophon.bottom .x-nav li a {
color: #ffffff;
}

.x-colophon.bottom a:hover {
color: #ff5100;
}

.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li:after,
.x-colophon.bottom .x-colophon-content a {
color: #ffffff;
}

.x-colophon.bottom .x-colophon-content a:hover,
.x-colophon.bottom .x-nav li a:hover {
color: #ff5100;
}

.single-post h1.entry-title {
font-size: 200%;
}

.single-post h2 {
font-size: 150%;
}

.single-post h3 {
font-size: 120%;
}

.single-post h4 {
font-size: 100%;
}

.newscodes ul.newscodes-wrap li h2> a {
text-transform: initial;
}

body .x-topbar p.p-info {
color: #fff;
}

.x-topbar .p-info,
header .x-social-global a {
color: #fff;
}

.x-topbar {
background-color:rgb(255,113,55);
z-index: 2;
}

.x-breadcrumb-wrap {
font-size: 1.5rem;
}

i.x-icon-check:before {
background-color: transparent;
}

@media (max-width:480px){
ul.x-post-carousel.unstyled.slick-initialized.slick-slider {
display: none;
}
}

@media (max-width: 1440px){
.x-topbar {
display: block;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 150px;
}
}

@media (max-width: 1440px) {
html body {
padding-left: 10px !important;
padding-right: 10px !important;
}
}

.site {
padding-left:8px !important;
padding-right:8px !important;
}

[Adam BreenParticipant]

Additionally to the above:
– the footer colour has changed from gray to orange, which is why the footer hover links are off; but even changing the footer colour links in the CSS to #000000 isn’t working as intended.

[LelyModerator]

Hi There,

Your CSS are correct no syntax error.
I did a comparison on these two pages:

http://livingnow.com.au/
http://livingnow.com.au/category/community-relationship/children-family/

Now I can see what you mean by the ads being different size. That is because category pages, you have a sidebar. The ads are inside the sidebar. Sidebar width is 28% of your total container width. On the other hand, on pages, you have added the ads on 1/4 column. It’s width is just 22% of the container width. On pages, 22% is less than the 300px width of the ads that is why it is not displaying fully. What I would suggest is to add sidebar on your pages instead of creating a column. To do that, choose a Page template with SIDEBAR RIGHT so both of your pages and category pages have the same structure and the same sidebar width. Then on each of your page, no need to use 3/4 and 1/4 column. Just choose 1 column because the ads will be inside the sidebar instead and no need to add it using Cornerstone.

Regarding footer background color, it is set as orange on the customizer. I can’t double check because the login is not working correctly. Either check customizer settings or add this custom CSS:

footer.x-colophon.bottom {
    background: #000000 !important;
}

Hope this helps.

[Author]

Posts