I know the pages are empty, but in some cases I won’t be able to fill them in, like for a Contact page. So it would still be helpful if the whole theme worked properly on the mobile version as on the web version.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you link to a page with the issue?
Here is the gist of the problem. Video:
http://tinypic.com/player.php?v=snf5v8%3E&s=8#.VbKqorOqpBc
Could it be a footer thing? I had to tweak it a bit, but am not very knowledgable coder.
Andrew, http://drawinperspective.org/contact/ or on any other post that isn’t long enough.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What would you like to see happen?
Sidebar stretched to the bottom of the page, no matter how short the page is 🙂 (the way it works when the page is in standard layout, as opposed to web layout). There seems to be some function that changes height according to the width, as I’m sure you know :).
http://tinypic.com/player.php?v=1zyaf0k%3E&s=8#.VbKtkLOqpBc
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you link to the post in the video? I can’t replicate your problem
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I’m guessing you have a taller desktop than me 😉
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Hmm but still your problem in the video is as though the sidebar is cutting off two thirds of the way. I can’t seem to reproduce that on chrome (windows). Does the issue persist on the theme’s demo site?
Hum, yes, I’ve just checked. On one page of the demo the exact same thing happens, so it’s intrinsic to the theme.
Also, by method of induction (or is it deduction here? ;)), I’ve figured it’s because this white area (a div or something?) at the bottom disappears in mobile view. Same thing in demo and that’s why the sidebar is cut.
http://tinypic.com/player.php?v=ouz67d%3E&s=8#.VbKze7OqpBd
So what is this element? Is there a way to get it into mobile version?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you using Chrome by the way?
Yea.
And tinkering with Chrome I found that:
There is this big div
<div id="primary" class="content-area col-lg-9" itemprop="mainContentOfPage">
Which contains this whole are (post/page, footer, area below the footer).
Inside are smaller divs for footer and content. The empty area is by itself. Part of the blank div, I guess.
And in Google’s dev tools I can change this to make it huge:
#primary {
min-height: gazillion px;
}
But that’s not what I need, I need it to be alligning with the bottom of the sidebar. Plus, I also wouldn’t know where to add this parameter, I guess into flat.min.css, which I was able to change in real time in Google.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications.
Alternatively use your Child Theme style.css file to hold your CSS modifications.
What version of Chrome are you using? And on which platform (windows/ mac, etc).
44.0.2403.89 m
This still doesn’t work in style.css (means it can’t overwrite the parameters?), only worked in Google dev tools. Doesn’t work from that plug-in too.
#primary {
min-height: gazillion px;
}
And it’s still wouldn’t be what I need ;). Crap.
