This topic has 4 replies, 2 voices, and was last updated 7 years by Laura.

  • Author
  • #144814
     linkpoin2
    Participant

    Normal
    0

    false
    false
    false

    EN-CA
    X-NONE
    X-NONE

    /* Style Definitions */
    table.MsoNormalTable
    {mso-style-name:”Table Normal”;
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-parent:””;
    mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
    mso-para-margin:0cm;
    mso-para-margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:10.0pt;
    font-family:”Arial”,”sans-serif”;}

    Hi support.

    On buddyapp how can the buddypress group page header (cover image, menu, etc) be displayed full width regardless of the viewing resolution.   Basically, the treatment for min-width 767px side navigation be ignored, so that the group header is full width on the screen and the bp activity items are below it just as it works at a smaller resolution.

    Easily done via the css? Or which php page which I assume is themes/buddyapp/buddypress/groups/single/ directory should I look to have someone adjust the code in

    See image attached for idea wanted.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #144818
     linkpoin2
    Participant
    This reply has been set as private.
    #144968
     Laura
    Moderator

    Hello, try by adding this to style.css of child theme

    COPY CODE
    
    div#item-header-wrap {
        width: 100%;
        position: absolute;
        height: 400px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #147455
     linkpoin2
    Participant

    hi, i just wanted it on the group page and not all pages. is there not a way to do it for the group page?

    #147627
     Laura
    Moderator

    Hello, try this

    COPY CODE
    
    .groups #item-header-wrap {
        width: 100%;
        position: absolute;
        height: 400px;
    }
    

    Let me know if it helps 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?