Display problem after update

[robbyParticipant]

Hi folks,

My site at https://www.fifthestate.org/ is running on a child theme of Responsive Pro.

After updating to veersion 3.17.1 the home page (at the URL above) appears to have padding that I am not able to eliminate. Padding on all other pages is 0. For example, the Search page at https://www.fifthestate.org/archive/fe-author-list/

I made some adjustments in Customize > Appearance > Container, including setting width to 970 px, but it doesn’t seem to affect.

I would be grateful if you could help me to fine tune the hhome page so it can be displayed full size.

Many thanks in advance,

Robby Barnes

[robbyParticipant]

Hello again,

I haven’t seen any responses to my post.

In addition to what I originally noted, I see that my site’s display is problematic on various browsers but not on the latest version of Firefox.

I really would appreciate some kind of help.

Robby

[manishKeymaster]

Hi Robby,

Sorry for the late response.

In order to make your site fullwidth please add the following additional CSS from customizer
Goto Appearance -> customize -> additional CSS

#container {
  padding:0;
}

For problematic display of your site on various browsers, please raise a support ticket with your exact problem with the corresponding browser so that we can resolve the same.
From https://cyberchimps.com/my-account/

Thank You

[robbyParticipant]

Hi Manish,

Thanks for your help.

I pasted the code into the Additional CSS but problems remain.

Running my child theme on Responsive Pro v. 3.17.1, I set the width to 900px

Viewed on Firefox v. 69.0.1 the home page ( https://www.fifthestate.org/ ) displays the width correctly but there is a vertical space between the menu bar and the content and there is a visible outline larger than the page.

On most other pages there is no vertical space below the menu bar, but the page content is wider than the menu bar, as in this one: https://www.fifthestate.org/archive/

I believe these problems began with the v. 3.17 update.

As always, I will be very grateful for any assistance you can give me.

Robby

[manishKeymaster]

Hi Robby,

You can use the following CSS to fix your issues
Goto Appearance -> customize -> additional CSS

#content-full {
   margin-top:0;
}

#wrapper{
  border:none;
}

Also, there is an option to set the size width of the container from customizer please use that to set your width instead of using your own CSS to avoid such CSS conflicts on your site.
Goto Appearance -> customize -> Appearance -> container -> container width

Let me know if you are still facing any issue.

Thank You

[robbyParticipant]

Hello again,

I added the custom CSS you recommended, but the problem remains. It only occurs on the home page at https://www.fifthestate.org/

For an idea of other pages that don’t have the problem, you can check https://www.fifthestate.org/archive/fe-author-list/

I set the page width to 960 px in Customizer. According to Element Inspector in Firefox the menu bar is 960 px wide but the page below (made from the Full-page template) is 900 px wide with 10 px padding left and right.

When I set the Container width to 900 px the home page width is 840 px. On other pages the width is 900 px.

I am currently running my child theme under Responsive v. 3.21.

As before, I will appreciate any and all help you can give.

Robby

[manishKeymaster]

Hi Robby,

Can you please raise a support ticket for your issues from my account on cyberchimps.com
with temporary access to your test site to resolve your issue quickly.

My Account

Thank You