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
.