Create a Doc menu is half page.

[geglynn]

Create a Doc produces a page that is half width. All other menu items show as full width. Any suggestions on how I might fix this would be appreciated.

[boonebgorges]

Hi @geglynn - Sorry to hear you're having the issue. It's not possible to tell from your screenshot what's happening. You'll need to use your browser's element inspector (right click, then Inspect Element) to figure out what's happening. Hint: right click and select the "New Doc" header, and then keep hovering over successive parents in the element tree until you find the first one that is half-width. Then click it and find the style that's causing it to be half-width.

[geglynn]

Thanks Boone

I have pasted a picture of the element inspector with the offending line highlighted. When I change the width value from 50 to 100% within the element inspector it renders full screen. Not being a programmer I so not know how to fix this on the web site and would appreciate any advice you can offer. I can provide you with a username and password if that would help.

Regards

Graham

From: Boone Gorges [mailto:notifications@github.com] Sent: Tuesday, February 20, 2018 11:01 PM To: boonebgorges/buddypress-docs buddypress-docs@noreply.github.com Cc: geglynn geglynn@gmail.com; Mention mention@noreply.github.com Subject: Re: [boonebgorges/buddypress-docs] Create a Doc menu is half page. (#616)

Hi @geglynn https://github.com/geglynn - Sorry to hear you're having the issue. It's not possible to tell from your screenshot what's happening. You'll need to use your browser's element inspector (right click, then Inspect Element) to figure out what's happening. Hint: right click and select the "New Doc" header, and then keep hovering over successive parents in the element tree until you find the first one that is half-width. Then click it and find the style that's causing it to be half-width.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/boonebgorges/buddypress-docs/issues/616#issuecomment-367206472 , or mute the thread https://github.com/notifications/unsubscribe-auth/Ai_HVDzU5SKaZyBSqlQiQ_zLDRMVQPzBks5tW5ThgaJpZM4SNAqW . https://github.com/notifications/beacon/Ai_HVGtdkvzBIb8sh5zgSt86jB5aU89Jks5tW5ThgaJpZM4SNAqW.gif

[boonebgorges]

I can take a look, but it looks like you didn't properly embed the image. Could you try again?

[geglynn]

Trying again

From: Boone Gorges [mailto:notifications@github.com] Sent: Wednesday, February 21, 2018 9:43 PM To: boonebgorges/buddypress-docs buddypress-docs@noreply.github.com Cc: geglynn geglynn@gmail.com; Mention mention@noreply.github.com Subject: Re: [boonebgorges/buddypress-docs] Create a Doc menu is half page. (#616)

I can take a look, but it looks like you didn't properly embed the image. Could you try again?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/boonebgorges/buddypress-docs/issues/616#issuecomment-367549313 , or mute the thread https://github.com/notifications/unsubscribe-auth/Ai_HVJMRRe06ebXKqzJENWIYu8nKf-y3ks5tXNRJgaJpZM4SNAqW . https://github.com/notifications/beacon/Ai_HVNCr1v_3iifEAN1m7YwhfdMlphX5ks5tXNRJgaJpZM4SNAqW.gif

[boonebgorges]

Hm, don't see it there either. I don't think you can attach an image to an email response - try embedding it in the GitHub web interface.

[geglynn]

[dcavins]

By looking at https://hellocommunity.net/docs/, I can see that the Opti theme is applying this rule:

.archive article, .search article {
    border-bottom: 1px solid #cccccc;
    padding: 20px 20px 4px 20px;
    overflow: hidden;
    float: left;
    width: 49.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 6.5em;
}

And that width: 49.5%; is the issue. You'll have to do some CSS overrides to get the theme to behave.

Something like

.bp-docs.archive article {
    width: 100%;
}

Will fix it. You'll have to see whether the theme supports adding arbitrary CSS (they're all different).

[geglynn]

David

You are brilliant – that fixed the problem.

Thanks

Graham

From: David Cavins [mailto:notifications@github.com] Sent: Thursday, February 22, 2018 9:51 AM To: boonebgorges/buddypress-docs buddypress-docs@noreply.github.com Cc: geglynn geglynn@gmail.com; State change state_change@noreply.github.com Subject: Re: [boonebgorges/buddypress-docs] Create a Doc menu is half page. (#616)

By looking at https://hellocommunity.net/docs/, I can see that the Opti theme is applying this rule:

.archive article, .search article { border-bottom: 1px solid #cccccc; padding: 20px 20px 4px 20px; overflow: hidden; float: left; width: 49.5%; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 6.5em; }

And that width: 49.5%; is the issue. You'll have to do some CSS overrides to get the theme to behave.

Something like

.bp-docs.archive article { width: 100%; }

Will fix it. You'll have to see whether the theme supports adding arbitrary CSS (they're all different).

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/boonebgorges/buddypress-docs/issues/616#issuecomment-367704452 , or mute the thread https://github.com/notifications/unsubscribe-auth/Ai_HVGOl-JgxHxPYmCzyZ9jIm6mMpE8bks5tXX7VgaJpZM4SNAqW . https://github.com/notifications/beacon/Ai_HVMbWt_2Bg8knCNW3foTNgcCSF99Rks5tXX7VgaJpZM4SNAqW.gif

[boonebgorges]

Thanks to both of you!