How do I resize the initial header height? • BuddyBoss

This topic has 10 replies, 3 contibutors, and was last updated 9 years, 5 months ago by Alyssa.

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

Question
June 18, 2015 at 10:35 am #41370

Planet-Art.Network
@appalachian
Please see the new “Come Unity” site:
http://planet-art.network/
It’s sizing the divs in header AFTER custom.css, as such, cannot seem to edit.
body.left-menu-open[data-logo=”1″] .site-header .left-col .table {
height: 214px;
}
body.is-desktop.left-menu-open[data-logo=”1″] #right-panel {
margin-top: 214px;
}
body.is-desktop.left-menu-open[data-logo=”1″] #left-panel-inner {
padding-top: 214px;
}
Help?
Answers
June 18, 2015 at 10:42 am #41371

Planet-Art.Network
@appalachian
Logo image only 107 x 107 pixels
June 18, 2015 at 10:48 am #41372

Planet-Art.Network
@appalachian
thanks
June 18, 2015 at 3:49 pm #41386
Alyssa
Participant
@alyssa-buddyboss
@appalachian I think the issue is the logo width, try adding this to custom.css:
body.left-menu-open #mastlogo #logo img{width:100px;}
You can play with the size from there then also adjust these values down:
```
body.left-menu-open[data-logo="1"] .site-header .left-col .table {
           height: 212px;
        }

        body.is-desktop.left-menu-open[data-logo="1"] #right-panel {
            margin-top: 212px;
        }   

        body.is-desktop.left-menu-open[data-logo="1"] #left-panel-inner {
            padding-top: 212px;
        } 
        
        body.left-menu-open[data-logo="1"] .header-account-login,
        body.left-menu-open[data-logo="1"] #wp-admin-bar-shortcode-secondary .menupop,
        body.left-menu-open[data-logo="1"] .header-notifications {
            line-height: 212px;
            height: 212px;
        } 
    
        body.left-menu-open[data-logo="1"] #wp-admin-bar-shortcode-secondary .ab-sub-wrapper, 
        body.left-menu-open[data-logo="1"] .header-notifications .pop, 
        body.left-menu-open[data-logo="1"] .header-account-login .pop {
            top: 212px;
        }
```
I’m not sure why the getimagesize wordpress function thinks it is 187px wide but overriding the above should resolve the issue.
June 19, 2015 at 6:49 am #41403

Planet-Art.Network
@appalachian
Hi TJ,
Thanks for the help. I was able to resize the logo but not the area of the header.
It seems to be resisting any changes because:
1) If inserted into the custom.css file, it is loaded BEFORE the inline CSS that is output at the end of wp_head();
… this line, is before the inline CSS
<link rel=’stylesheet’ id=’boss-child-custom-css’ href=’http://planet-art.network/wp-content/themes/boss-child/css/custom.css?ver=4.2.2′ type=’text/css’ media=’all’ />
2) If inserted using the handy customize.php script using custom CSS section, it converts the double quotes to HTML entities. Tried with single quotes, and it still doesn’t seem to be having any effect.
Would you kindly look again?
Thanks,
Tony
June 19, 2015 at 9:53 am #41407

Alyssa
Participant
@alyssa-buddyboss
@appalachian add !important after all attributes.
June 21, 2015 at 8:11 pm #41450

Tony
@tonywillis
Similar problem for me in that the header is stuck at 99px height and yet my logo is 80px height, so the Buddybar is pushing up overlapping with the header where the logo is.
June 22, 2015 at 1:44 pm #41481

Tony
@tonywillis
This is the screenshot of the problem…have tried the steps above and it’s not helped.
June 22, 2015 at 4:12 pm #41488

Alyssa
Participant
@alyssa-buddyboss
@tonywillis would you be able to send a description of the issue as well as admin credentials to [email protected] Varun will need to log into your site and do some digging. Thanks!
June 23, 2015 at 12:11 pm #41535

Tony
@tonywillis
OK, managed to resolve the logo issue with some extensive cache clearing (though had already done that several times).
The issue I’m now having is with the Group Email Subscription in showing default as expanded within a Group profile (see attached) – this is its native state.
June 23, 2015 at 8:48 pm #41550

Alyssa
Participant
@alyssa-buddyboss
@tonywillis I’m unable to replicate this issue. It remains closed for me until selected. Can you PM me a link to your site with login credentials?

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

The question ‘How do I resize the initial header height?’ is closed to new replies.

Support Forums

Question

Answers