GP 3.0 IPad Sidebar Width

OK Tom,

I brought the test Installation to actual Status and tested.

The Problem is NOT fixed with 1.3.03 and it is serious, as it renders the Mingle Forum unsable, as major buttons like "new Thread" are gone.

But it has definitly to do with table and/or column width, as other bugs and effects point in the same direction.

Take a look yourself:

That is how it should be, with one Test-Post on the Test-Installation and with GP 1.2.9.6.

And this is the result of 1.3.03. I marked all Errors in red to make the Point

Please note, that there are now fine borders around the parts of the table, that have not been there before. And the cause of the "crumbled Buttons" seems not to come from the buttons, but from the table-field to the left, that now is far to large, leaving no room for the buttons any more.

Now its your turn. All I can say is, that this is a major showstopper, that is preventing me from moving to 1.3.x, as the Forum is not usable without the action Buttons.

I plan to migrate away from mingle forum some months into the future (maybe to BBPress), as it is unsupported now. But this is a bigger task on a production system with load and nothing I can do within weeks.

So if whatever is causing this, is a "feature" and not a "bug", I need to stay on 1.2.9.8 what would be unfortunate ... or I need a fix.

Thanks in advance, Michael

Any way you can link me to that test site? You can send me the URL via email: support@generatepress.com

I can't think of anything that would do this in the update, but being able to inspect the code should shed light on what's going on.

you got mail :)

The PHP and CSS solution worked - sort of. In the previous version for the ipad, the righthand nav was below on portrait, but was at the right as per the desktop view when landscape - this is how I wanted it. The fix above moves the righthand nav down for both portrait and landscape. I tried playing with the CSS, but couldn't get the landscape to go back to how I wanted it. Any ideas?

Best,

hari - looking into it. Can you also send me the link to the forum using 1.2.9.8? Having a hard time seeing how any of the changes I made did that to the forums. Also, the way they coded those buttons etc.. is really.. interesting. You'll definitely be much happier with bbPress when you make the switch :)

Bob - good point. Let me know look into the best solution - I'll get back to you with one tomorrow.

Thanks!

hari - can you try adding this CSS and see if it fixes things?

table {
      table-layout: auto;
}

YES! :) It works!

Tried with "Simple Custom CSS" and the code you provided. The Forum Displays correctly again.

Question: Is this you will fix permanently with another version or do I need this custom CSS permanently?

Thanks for your efforts anyhow!

Thanks, Hari

I've added it as a fix in 1.3.04 :)

Thanks! Your Support is admirable. As I said some time before, I would be willing to pay xx$ per year for guaranteed responses of this quality and speed. This is nothing, one can expect from a (nearly) "free" software. Just letting you know. ;)

Keep up the good work!
Hari

Thanks, Hari! Maybe one day, don't want to scare anyone away! :)

Bob - can you try this CSS and see if it fixes your issue?

@media (max-width: 768px) {
	.sidebar,
	.content-area {
		float: none;
		width: 100%;
	}
	.menu-toggle,
	.main-navigation.toggled .main-nav > ul {
		display: block;
	}
	
	.main-navigation ul li:hover > ul {
		display: none;
	}
	.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
		display: none;
	}
	
	.sub-menu.toggled-on,
	.children.toggled-on {
		display: block !important;
	}
	
	.main-navigation .main-nav ul li .dropdown-toggle {
		display: block;
	}
	
	.main-navigation li a.dropdown-toggle {
		position: absolute;
		top: 0;
		right: 0;
	}

	.main-navigation ul {
		display: none;
	}
	.nav-float-right .main-navigation {
		float: none;
		margin-bottom:20px;
	}
	.site-main {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	.fluid-header .inside-header {
		text-align: center;
	}
	.menu-toggle {
		text-align: center;
	}
	.main-nav .sf-menu > li {
		float: none;
		clear: both;
	}
	.nav-aligned-right.nav-below-header .main-navigation .menu > li, 
	.nav-aligned-right.nav-below-header .main-navigation .sf-menu > li, 
	.nav-aligned-right.nav-above-header .main-navigation .menu > li, 
	.nav-aligned-right.nav-above-header .main-navigation .sf-menu > li, 
	.nav-aligned-center.nav-below-header .main-navigation .menu > li, 
	.nav-aligned-center.nav-below-header .main-navigation .sf-menu > li, 
	.nav-aligned-center.nav-above-header .main-navigation .menu > li, 
	.nav-aligned-center.nav-above-header .main-navigation .sf-menu > li {
		display: block;
		margin: 0;
		text-align: left;
	}
	.main-navigation .main-nav ul ul {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.header-widget {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.main-navigation, 
	.main-navigation {
		text-align:left;
	}
	.navigation-search,
	.navigation-search input {
		width: 100%;
		max-width: 100%;
	}

	.main-navigation li.search-item {
		z-index: 19;
	}

	.main-navigation li.search-item .fa-times {
		text-indent: -9999px;
	}
	.alignleft,
	.alignright {
		float: none;
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.main-navigation li.search-item.current-menu-item {
		position: relative !important;
		right: auto;
	}
	
	.post-image-aligned-left .post-image,
	.post-image-aligned-right .post-image {
		float: none;
		margin: 2em 0;
		text-align: center;
	}
	
	.sf-menu .menu-item-has-children > a:first-child,
	.sf-menu .page_item_has_children > a:first-child {
		padding-right: 1em;
	}
	.sf-menu .menu-item-has-children > a:first-child:after,
	.sf-menu .page_item_has_children > a:first-child:after {
		display: none;
	}
}

Super long, but if it does the trick I will include it in the core, so you'll be able to remove it when the next version comes out.

Let me know :)

Hi there

Sorry, no it hasn't fixed it. :(

Best,

What if you remove the code I provided on page one? http://generatepress.com/forums/topic/gp-3-0-ipad-sidebar-width/#post-117115

Rock 'n' roll. That's done it - thanks so much. (My apologies, i overwrote the CSS but left in the PHP.)

Best

No worries! I should have mentioned that.

Glad it's working :)

Hi Tom,

I installed 1.3.04 an the problem with the tables is fixed. Thanks.

Unfortunately I must note, that the problem with the column width you confirmed above on June 28, 2015 at 9:50 am is still there and became even worse.

On an IPAD in Landscape Mode the columns left and right are too wide.

But in Portrait Mode the columns are completly gone and the middle column is shifted.

This renders the version still unusable. I saw your proposed CSS and PHP changes, but i would really like to prevent such individual changes. I came to Generate Prese exactly because I hoped for a flexible Theme, that prevents from individual CSS and PHP changes, that all have their unexpected sideeffects and dont make things easier in the end.

So I guess, i Need to revert to 1.2.98 again. Question to you is: when will this Problem be fixed?

Thank, Hari