Footer Illustratr

Hi there,

1. When you click on the + sign in the footer, the whole site rescales and becomes very narrow. Can’t seem to figure out what causes this.

I’m not seeing that on my phone or tablet. I’m seeing the + change to a – and back again. It appears like you do not have any footer widgets in the footer widget area. Have you tried adding a widget to the footer?

Also, which device are you seeing this on, and which OS/version?

2. On the iPad, when viewed in portrait, the homepage displays everything in 2 full columns and 1 empty one.. There should be five, which are properly displayed when you view it in landscape mode on the ipad. I am using EasyColumns to achieve the columns on the site.

The theme is designed to go to two columns at 768px (iPad portrait). If they remained at 5-across, the icons and images would be too small to easily tap on tablets, and the images would also be so small that they would lose impact.

You can give the following a try, which will make the entries under Recent Werk fill the available width. See what you think and let me know.

`.site-main .jetpack-portfolio-shortcode.column-3 .portfolio-entry {
width: 50%;
}

If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

Child Themes
Child Theme creation plugins
Jetpack plugin
Custom CSS plugins

Thank you very much for the quick reply. I am using a custom CSS plugin and guarding the lines i’ve written with my life ;). They don’t come easy for someone who doesn’t know any scripting at all.

Problem seems to have solved itself.. In between me asking and you answering I disabled all the plugins I thought I wasn’t using. Turns out I was using SiteOrigin Widgets in my footer. That’s why it doesn’t show anything now, I disabled the plugin.. But these widgets were also causing the problem, as they probably were a specific width, which probably caused the site to narrow when opened.

So now I am off finding an other way to style the content of my footer.

Thank you again for your quick reply. As soon as I can test it on an iPad, I will see if the solution to the other problem is working.

Maybe I’m pushing it, and maybe I should open another thread for this, but another tiny problem I found is that my projects (on mobile) on my frontpage, have a nice white border around it, but on the portfolio page, there is no margin at all. I would like there to be a border as well, any ideas?

Anyway, thank you again very much!

Ok, spook too soon…. I disabled the SiteOrigin plugin and just used a standard text widget, but the problem is back again..When clicking on the plus sign, the whole site rescales to 1/4. Maybe you can check again, I’ll make sure there is content in the footer…

Thanx heaps!

Hmmm, I’m having trouble reproducing this on my simulator, but I can see it now on my phone. Looking through your custom CSS, I see the following, which I think is causing the issue.

.widget {
    width: 840px;
    font-size: 1em
}

On responsive width themes, you don’t typically want to use a static dimension (width, height, padding, margin, etc.) Generally you will use either a percentage or a min or max width. What you have to do is see how its done in the original CSS and then follow that. Change the width to 100% instead of 840px and see if that doesn’t fix the issue.

That seemed to have worked! Perfect, thank you!