[Resolved] GP 3.0 IPad Sidebar Width

Home Forums Support [Resolved] GP 3.0 IPad Sidebar Width

Home Forums Support GP 3.0 IPad Sidebar Width

Viewing 15 posts - 16 through 30 (of 40 total)
  • Author
    Posts
  • #117156
    hari

    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.

    GP 1.2.9.6 Mingle Forum

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

    GP 1.3.03 Mingle Forum

    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

    #117160
    Tom
    Lead Developer
    Lead Developer

    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.

    #117163
    hari

    you got mail πŸ™‚

    #117247
    Bob

    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,

    #117254
    Tom
    Lead Developer
    Lead Developer

    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!

    #117367
    Tom
    Lead Developer
    Lead Developer

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

    table {
          table-layout: auto;
    }
    #117401
    hari

    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

    #117402
    Tom
    Lead Developer
    Lead Developer

    I’ve added it as a fix in 1.3.04 πŸ™‚

    #117407
    hari

    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

    #117525
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #117527
    Bob

    Hi there

    Sorry, no it hasn’t fixed it. πŸ™

    Best,

    #117529
    Tom
    Lead Developer
    Lead Developer

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

    #117538
    Bob

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

    Best

    #117554
    Tom
    Lead Developer
    Lead Developer

    No worries! I should have mentioned that.

    Glad it’s working πŸ™‚

    #121153
    hari

    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

Viewing 15 posts - 16 through 30 (of 40 total)
  • You must be logged in to reply to this topic.