WordPress.org

Ready to get started?Download WordPress

Forums

WP Symposium Toolbar
[resolved] CSS for portrait orientation (5 posts)

  1. style960
    Member
    Posted 3 months ago #

    I've increased the line height of the toolbar to 45px and noticed the line-height didn't change with iPad (or tablet) in portrait orientation. An additional breakpoint has been added to quickly correct that, but the when you select a link or your username, the height isn't correct there, and I can't find the right selector.

    If you can login in, you'll see what I mean : http//falcon.everygoalmatters.com

    Thanks,
    Paul.

    https://wordpress.org/plugins/wp-symposium-toolbar/

  2. Guillaume Assire
    Member
    Plugin Author

    Posted 3 months ago #

    There's a line-height in buddyboss/css/adminbar-desktop-fixed.css which seems to override what WPS Toolbar adds. Could you try the following, eventually with !Important, and report back?

    @media screen and (min-width: 721px) {
        #wpadminbar * {
            line-height: 45px;
        }
    }

    (EDIT: added min-width condition)

  3. Guillaume Assire
    Member
    Plugin Author

    Posted 3 months ago #

    Ah, I hadn't noticed those menus shifted to 32px, black on dark grey LOL. I'll come back with what needs to be added.

  4. Guillaume Assire
    Member
    Plugin Author

    Posted 3 months ago #

    Could you please try the following. Some of these might be redundant with what your theme provides... Sorry if it's a bit long.

    @media screen and ( min-width: 721px ) {
    	#wpadminbar .quicklinks > ul > li,
    	#wpadminbar .quicklinks a,
    	#wpadminbar .quicklinks .ab-empty-item,
    	#wpadminbar .shortlink-input {
    		height: 45px;
    	}
    
    	#wpbody,
    	body {
    		margin-top: 13px;
    	}
    
    	#wpadminbar.ie7 .shortlink-input,
    	#wpadminbar .menupop .ab-sub-wrapper {
    		top:45px;
    	}
    
    	#wpadminbar .menupop .ab-sub-wrapper .ab-sub-wrapper {
    		top:26px;
    	}
    
    	#wpadminbar #wp-toolbar > ul > li > .ab-item,
    	#wpadminbar #wp-toolbar > ul > li > .ab-item span,
    	#wpadminbar #wp-toolbar > ul > li > .ab-item:before,
    	#wpadminbar #wp-toolbar > ul > li > .ab-item span.ab-label:before,
    	#wpadminbar #wp-toolbar > ul > li > .ab-item span.ab-icon:before,
    	#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
    	#wpadminbar .ab-icon,
    	#wpadminbar .ab-item:before {
    		line-height: 45px;
    	}
    
    	#wpadminbar .quicklinks > ul > li > a,
    	#wpadminbar .quicklinks > ul > li > .ab-item,
    	#wpadminbar .quicklinks > ul > li > a span,
    	#wpadminbar .quicklinks > ul > li > .ab-item span,
    	#wpadminbar #wp-admin-bar-wp-logo > .ab-item span {
    		height: 45px;
    	}
    }
  5. style960
    Member
    Posted 3 months ago #

    Worked a treat! Love this plugin. Great support, and has made the toolbar into a perfect navigational element. Thanks again.

Reply

You must log in to post.

About this Plugin

About this Topic