Title: CSS for portrait orientation
Last modified: August 21, 2016

---

# CSS for portrait orientation

 *  Resolved [Paul Bursnall](https://wordpress.org/support/users/style960/)
 * (@style960)
 * [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/)
 * 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/](https://wordpress.org/plugins/wp-symposium-toolbar/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Guillaume Assire](https://wordpress.org/support/users/alphagolf_fr/)
 * (@alphagolf_fr)
 * [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/#post-4939307)
 * 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)
 *  Plugin Author [Guillaume Assire](https://wordpress.org/support/users/alphagolf_fr/)
 * (@alphagolf_fr)
 * [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/#post-4939347)
 * 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.
 *  Plugin Author [Guillaume Assire](https://wordpress.org/support/users/alphagolf_fr/)
 * (@alphagolf_fr)
 * [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/#post-4939379)
 * 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;
       	}
       }
       ```
   
 *  Thread Starter [Paul Bursnall](https://wordpress.org/support/users/style960/)
 * (@style960)
 * [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/#post-4939384)
 * Worked a treat! Love this plugin. Great support, and has made the toolbar into
   a perfect navigational element. Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS for portrait orientation’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-symposium-toolbar.svg)
 * [Plugin Name: WP Symposium Toolbar](https://wordpress.org/plugins/wp-symposium-toolbar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-symposium-toolbar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-symposium-toolbar/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-symposium-toolbar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-symposium-toolbar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-symposium-toolbar/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 4 replies
 * 2 participants
 * Last reply from: [Paul Bursnall](https://wordpress.org/support/users/style960/)
 * Last activity: [11 years, 12 months ago](https://wordpress.org/support/topic/css-for-portrait-orientation/#post-4939384)
 * Status: resolved