This topic contains 9 replies, has 2 voices, and was last updated by  tikaram 2 days, 16 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #129886

    abisbee
    Participant

    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

    #129907

    tikaram
    Participant

    @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

    #129955

    abisbee
    Participant

    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

    #130075

    abisbee
    Participant

    Any tips?

    #130156

    abisbee
    Participant

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

    #131517

    tikaram
    Participant

    @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

    #131731

    abisbee
    Participant

    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/

    #131747

    tikaram
    Participant

    @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

    #131763

    abisbee
    Participant

    You did it! Thank you!!!

    Alice

    #131839

    tikaram
    Participant

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

    Regards,
    Tikaram

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.