- This topic has 9 replies, 2 voices, and was last updated 6 years, 1 month ago by tikaram.
-
AuthorPosts
-
January 16, 2018 at 8:02 pm #129886abisbeeParticipant
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
January 17, 2018 at 1:20 am #129907tikaramKeymaster@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,
TikaramJanuary 17, 2018 at 2:49 pm #129955abisbeeParticipantThank 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
January 19, 2018 at 12:21 am #130075abisbeeParticipantAny tips?
January 20, 2018 at 6:30 am #130156abisbeeParticipantIf this is not possible, would you please let me know so that I can redesign the page?
February 12, 2018 at 1:42 am #131517tikaramKeymaster@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,
TikaramFebruary 15, 2018 at 7:28 pm #131731abisbeeParticipantHi 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%;
}
}February 16, 2018 at 6:59 am #131747tikaramKeymaster@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,
TikaramFebruary 16, 2018 at 4:35 pm #131763abisbeeParticipantYou did it! Thank you!!!
Alice
February 18, 2018 at 11:45 pm #131839 -
AuthorPosts
- The topic ‘password protection, media screen, and header images’ is closed to new replies.