Various tweaks 2!

[ergonomi]

Hi,
I have been testing the iehf site for responsiveness and have noticed a few issues I am hoping you can fix with some custom css?:

1) On Ipad – ipad mini screen size:
Right hand margin is cut off on the home page where it says ‘manufacturing’ is cut off.
See http://cardinal.iehf.org

2) Right margin is cut off on pages where using a side bar see:
http://cardinal.iehf.org/jobs/

3) On ipad size the ‘events’ moves from full width to a thin column, then moves back to full width again when screen gets smaller, could this stay full width on all sizes?
http://cardinal.iehf.org/events/

4) On iphone 5 sized screen the “registered…” is cut off in the title when screen size get small?
http://cardinal.iehf.org/directory/

I have already added this code… to sort out the content margins
@media only screen and (max-width: 991px) {
.page-content{
padding-left:5px !important;
padding-right:5px !important;
}
}

5) Using the social shortcode on the contact page doesn’t seem to show up the twitter link as it does in the footer? Why?

6) I have noticed that the slider title clashes with the header..see
http://cardinal.iehf.org/join-in/

I want to add padding to the top of the title so it doesn’t clash anymore, i tried adding the following code to the custom css but it didn’t work?

.caption-content {
padding-top: 15px;
}

Firefox grab is as follows:
<div class=”caption-wrap container”>
<div class=”caption-content” data-caption-size=”smaller” data-caption-y=”top” data-caption-x=”center” data-caption-color=”” style=”margin-top: -51.5px; opacity: 1; padding-top: 0px; padding-bottom: 0px;”>

Thanks in advance,
Roland

[Kyle – SUPPORT]

Hi

Please open separate topics for each issue to allow us to resolve them quicker, we can only spend a certain amount of time per topic and answering a bunch of questions in one thread will make it more difficult

Hope you understand

– Kyle