[Adam BreenParticipant]

website: LivingNow
WP version: 4.7.2
X version: 4.6.1
Cornerstone version: 1.3.3
Child theme: YES

Hi there
As you can see, the site padding is messed up in the header, and in the right hand column on pages (posts are presenting correctly).

I’m not sure if there is a plugin that is overriding some of the settings, or if there is some misconfiguration in the CSS.

We have tested a number of different solutions, including using marginless containers (which solves the padding in the column, but makes the page look awful) as well as

please advise

[JadeModerator]

HI there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Adam BreenParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

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

Hope this helps. Please let us know how it goes.

[Adam BreenParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

There are missing close curly brackets in your code.

Please replace the entire code with this.

@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: none;
    }
}

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

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

Hope that helps.

[Adam BreenParticipant]

Hey there,
Thanks for this – that solved the initially presenting CSS issues. However, now we have another issue, in that the ads displaying in the right hand column aren’t showing at their correct resolution as you can see.

They work fine on the category archives, but not on pages
Suggestions?

[JoaoModerator]

Hi There

Please re-upload your images with size up to 500kb to clarify the issue.

Thanks

[Adam BreenParticipant]

re-attached

[Paul RModerator]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

.wppaszone,
.bx-wrapper .bx-viewport,
.rotating_paszone > .pasli,
.adsbygoogle{
   max-width:100% !important;
}

Hope that helps

[Adam BreenParticipant]

Thanks Paul,
I added this to the site, but it doesn’t seem to have solve the issue.
Can you look into it for me again?
Cheers
Cameron

[LelyModerator]

Hello Cameron,

The issue is because of the menu. It goes down because the menu and logo doesn’t fit on just one ROW. There’s too much menu links. The space is not enough. We cannot adjust anymore before the spacing between the menu is already tight. Since there’s not enough space, it goes down and cover up the content. Either remove some main menu links or you may choose STACK on Appearance > Customize > Header > Layout and navigation : Choose stack so the logo will officially on top of the menu and the menu will get one row/bar to display.

Hope this helps.

[Adam BreenParticipant]

Hi Lely
I’m not sure that my problem is being understood. The issue is the side padding on the advertisements, as identified in the screenshots. I am not concerned about the menu pushing down – we can solve that later. My primary concern is that the ads are displaying inconsistently. This is a side padding issue, not a menu issue.

Please advise.

[Rue NelModerator]

Hello There,

Thanks for updating in! Are you referring to the orange bar in your header? When I check your site, all I see is this:
http://prntscr.com/eld6rm
http://prntscr.com/eld70s
http://prntscr.com/eld74z

Could you please give us further clarifications. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you in advance.

[Adam BreenParticipant]

“Hey there,
Thanks for this – that solved the initially presenting CSS issues. However, now we have another issue, in that the ads displaying in the right hand column aren’t showing at their correct resolution as you can see.

They work fine on the category archives, but not on pages
Suggestions?”

Please see the last images uploaded.

[Author]

Posts