Got it. Thanks! One more: How can I reduce the size of the light grey icon content box under the icon (DIV.iconbox_content)?
http://nexuscontentlab.com/home/ Thanks!

ah that’s awesome, sorry I didn’t realise that. Works much better now.

One last question, how would I make the font smaller or not even visible just for mobile phones as the captions pretty much covers the image when viewed on a phone, thank you (not ipads this size will be fine)

I tried adding
.avia-caption-title h2 {
font-size: 10px;
}

but didn’t work, my knowledge is limited on this sorry, cheers

Hey Devin,

I’ve gone ahead and deactivated respond.js and the theme is updated to 2.3.2.

After removing respond.js, obviously the website is no longer responsive in IE, so the squished blog image issue goes away. But naturally I would prefer it to remain responsive, so hopefully there’s a way to fix that aspect of the plug-in’s functionality.

The other remaining issues are:

– Menu disappears at certain smaller sizes
– Search icon renders as a square until moused-over (I would be happy with simply switching out the font search icon with an image if you can show me how)
– Recent Post images don’t fill their container boxes correctly

Thanks for the help!
Tom

• This reply was modified 12 years, 5 months ago by tmunz.

Hi Yigit,

That didn’t work for me. The header is now displayed on top of each other and not above the columns in normal view.
When resizing to the size of the iPhone, there is still the problem with the headers in small above the cell content. Only one column has the header in small font above the content and that is column 3, but it has the header of column 4

Thanks,

Dave

Hi Yigit! Thanks for your quick reply. Unfortunately that didn’t work. Any ideas? Here’s what I have under the custom css box. Maybe there’s something blocking it from working?

.content { padding-top: 10px; }
#top .title_container .container { padding: 0; min-height: 36px; }
.social_header .phone-info span { font-size: 18px; }
#header_main .container { height: 150px!important; line-height:150px!important; }
.social_header .main_menu ul:first-child > li a { height: 90px; }
.iphorm-element-spacer { padding-bottom: 0; }
#header_meta { display: none; }
.logo img { padding: 15px 0; }
.main_menu { top: 11%; }

#top #menu-item-search { display: none; }
.main_menu ul:first-child > li > a { font-size: 15px; }
.sidebar { padding-top: 25px; }
h3.widgettitle { font-size: 15px; color: #2a3032; }
.widget_nav_menu a { font-size: 14px!important; color: #2a3032 !important; }
#top .widget_nav_menu ul ul li a { padding: 2px 0px 3px 12px; }
.main_color strong { color: #333333; }

.header_color .main_menu ul:first-child > li > a, h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif !important; }
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { text-transform:capitalize!important; }
.widget a, .widget p { color: #333333 !important; }

.main_color h3.widgettitle { font-weight: bold; color: #ce1433; }

.widgettitle { font-size: 24px; }

Still the same….

div.main_menu { position: absolute; right: 34.5%; top: 57%; }
strong.logo { left: 40%; }
#header_main { padding-bottom: 34px; }
.fixed_header.social_header #main { padding-top: 181px; }
.current-menu-item>a>.avia-menu-fx { display: none;}
li:hover .avia-menu-fx { display: none; }
.main_menu .menu ul { margin-top: -32px; }
body { font-size: 14px !important; }

Hi Ismael,

thanks for answering.

thats the code i put in… But the menu is still on the right.

body { font-size: 14px !important; }
strong.logo { left: 40%; }
#header_main { padding-bottom: 34px; }
.current-menu-item>a>.avia-menu-fx { display: none;}
div.main_menu { right: 34.5%; top: 57%; }

I got it working with this on footer column but link isn’t working on safari.
Firefox works fine.

[av_font_icon color="" font="entypo-fontello" icon="ue8f4" size="40px" position="left" link="http://www.facebook.com" linktarget="yes"]

I’m confused.

Also, this did increase the font size but it doesn’t look right on mobile.

Do you have another CSS line for the responsive part of this?

Thanks

Zach

cool !
thanks a lot.