[abisbee]

Hi. Two problems and a question:

1. Our blog page has visibility set as password protected and the page is labelled that way in the dashboard, but the protection isn’t working. I know we can password protect each individual post, but it would be easier to just have the page protection work. (https://wellnesswarriorsboston.org/trainingblog/)

2. I’m ready to go live with my new home page (https://wellnesswarriorsboston.org/featured5/) but #main and .sidebar-primary wrap horribly on a small screen. Solution?

3. Is there an optimal max number of randomized header images before compromising loading time?

Alice

[tikaram]

@abisbee : The blog page does not follow the restrictions of a static page. It cannot be protected using password for a static page.

For small screen replace the additional css with the following css.
Your current css

.page-id-3838 #main, .page-id-3848 #main {
	width: 60%;
}
.page-id-3838 .sidebar-primary,
.page-id-3848 .sidebar-primary {
  width: 32%;
}

Replace with the following css

@media screen and (min-width: 990px) {
.page-id-3838 #main, .page-id-3848 #main {
	width: 60%;
}
.page-id-3838 .sidebar-primary,
.page-id-3848 .sidebar-primary {
  width: 32%;
}
}

There is no any restrictions for the number of randomized images but limiting the images helps speeding the site.
Let me know if you have any more issues.

Regards,
Tikaram

[abisbee]

Thank you, Tikaram, but the iframe in the sidebar now gets cut off on small screens. I have tried setting the iframe to 100% width, adjusting main/sidebar to 55/40, and all sorts of variations thereof – I just can’t figure it out. I know iframes are a pain, but isn’t there a way to make this work?

Alice

[abisbee]

Any tips?

[abisbee]

If this is not possible, would you please let me know so that I can redesign the page?

[tikaram]

@abisbee : I am sorry. I could not reply to your queries because i discovered that the reply email were in the Spam. If you have any more issues please let me know.

Regards,
Tikaram

[abisbee]

Hi Tikaram,

I wondered what happened to you! 🙂

We have the site set up and everyone is happy – except the Facebook feed in the home page sidebar (Optional Sidebar 2) gets cut off on smaller screens, even a laptop screen.

To you have any suggestions on how to deal with this?

Current CSS for home page sidebar width:

@media screen and (min-width: 990px) {
.page-id-3848 #main {
width: 60%;
}
.page-id-3848 .sidebar-primary {
width: 32%;
}
}

Alice
https://wellnesswarriorsboston.org/

[tikaram]

@abisbee : Please replace the css you posted with the following css.

@media only screen and (max-width: 700px) {
.sidebar-primary .widget {
	width: 100%;
}
}
@media screen and (min-width: 990px) {
.page-id-3848 #main {
width: 60%;
}
.page-id-3848 .sidebar-primary {
width: 38%;
}
}

Note : The facebook widget comes in an iframe with width and height defined so, it gets cut off in small screens.

Regards,
Tikaram

[abisbee]

You did it! Thank you!!!

Alice

[tikaram]

@abisbee :Glad to know that the issue has been resolved. Have a Good day.

Regards,
Tikaram

[Author]

Posts