Hi guys
I’ve set up a page with names anchor sections and added a left nav to link to those.
http://ordovas.jacl.co.uk/exhibition/chillida-on-miro/

The header and my left nav are set to be fixed position so when you scroll down you always see the header and the left nav (once you get below the slideshow)

Works great on desktop but on IOS ipad 1 it works fine fi you scroll with finger

BUT if you use the left nav to jump to named anchor position you cant then click the left nav again and the fixed elements do not auto resposition until you touch the screen slightly with a finger and drag

I think this is the fix here http://stackoverflow.com/questions/7826868/fixed-position-navbar-only-clickable-once-in-mobile-safari-on-ios5

But if I need to add in some behaviour just before and after the jquery scroll to animation where can i do this in the theme files please

Jonathan

Hello Support,

http://shelliv.bydecosta.com/blog/

On the blog page because there is a sidebar I copied the Form Code using FireFox Firebug and pasted the form content on the Footer “Footer – Column1″.

Is there an easier way to copy like a shortcode that are used in pages over to the widget like what is done on the page using the Avia Layout Builder.

Color Section
(2/5) column which is the text
<h3><span style=”color: #ffffff;”>Subscribe</span></h3>
<span style=”color: #ffffff;”>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</span>

(3/5) column which is the Gravity Forms Shortcode
[gravityform id=”1″ name=”Offer Free Value Signup” title=”false” description=”false” ajax=”true”]

The code that I copied to the footer which I know is not the right way to do is:
<div class=”entry-content-wrapper clearfix”>
<div class=”flex_column av_two_fifth first avia-builder-el-3 el_before_av_three_fifth avia-builder-el-first “>
<section itemtype=”http://schema.org/CreativeWork&#8221; itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “><h3><span style=”color: #ffffff;”>30 DAY CHALLENGE</span></h3>
<p><span style=”color: #ffffff;”>Step outside your comfortzone today. </br>Sign up to receive my challenge kit.</span></p>
</div></section>
</div><div class=”flex_column av_three_fifth avia-builder-el-5 el_after_av_two_fifth avia-builder-el-last “>
<p></p><section itemtype=”http://schema.org/CreativeWork&#8221; itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “>
<div id=”gform_wrapper_1″ class=”gf_browser_gecko gform_wrapper”><form action=”/blog/#gf_1″ id=”gform_1″ target=”gform_ajax_frame_1″ enctype=”multipart/form-data” method=”post”>
<div class=”gform_body”>
<ul class=”gform_fields top_label description_below” id=”gform_fields_1″><li class=”gfield gf_left_half gfield_contains_required” id=”field_1_1″><label for=”input_1_1″ class=”gfield_label”>Name<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”text” tabindex=”1″ class=”large” value=”” id=”input_1_1″ name=”input_1″></div><li class=”gfield gf_right_half gfield_contains_required” id=”field_1_2″><label for=”input_1_2″ class=”gfield_label”>Email<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”email” tabindex=”2″ class=”large” value=”” id=”input_1_2″ name=”input_2″></div><li class=”gfield gform_validation_container” id=”field_1_3″><label for=”input_1_3″ class=”gfield_label”>Name</label><div class=”ginput_container”><input type=”text” autocomplete=”off” value=”” id=”input_1_3″ name=”input_3″></div><div class=”gfield_description”>This field is for validation purposes and should be left unchanged.</div>
</div>
<div class=”gform_footer top_label”> <input type=”submit” onclick=”if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ” tabindex=”3″ value=”Sign Up” class=”button gform_button” id=”gform_submit_button_1″><input type=”hidden” value=”form_id=1&title=&description=&tabindex=1″ name=”gform_ajax”>
<input type=”hidden” value=”1″ name=”is_submit_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ name=”gform_submit” class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_unique_id” class=”gform_hidden”>
<input type=”hidden” value=”WyJbXSIsImY5ODIwYzViMWVmMWJmMjAxNDM0MzMwYTA3Yzc1OGMyIl0=” name=”state_1″ class=”gform_hidden”>
<input type=”hidden” value=”0″ id=”gform_target_page_number_1″ name=”gform_target_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ id=”gform_source_page_number_1″ name=”gform_source_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_field_values”>

</div>
</form>
</div>
<iframe id=”gform_ajax_frame_1″ name=”gform_ajax_frame_1″ src=”about:blank” style=”display:none;width:0px;height:0px;”></iframe>
<script type=”text/javascript”>jQuery(document).ready(function($){gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif&#8217; );jQuery(‘#gform_ajax_frame_1’).load( function(){var contents = jQuery(this).contents().find(‘*’).html();var is_postback = contents.indexOf(‘GF_AJAX_POSTBACK’) >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find(‘#gform_wrapper_1’);var is_redirect = contents.indexOf(‘gformRedirect(){‘) >= 0;var is_form = !(form_content.length <= 0 || is_redirect);if(is_form){jQuery(‘#gform_wrapper_1’).html(form_content.html());jQuery(document).scrollTop(jQuery(‘#gform_wrapper_1’).offset().top);if(window[‘gformInitDatepicker’]) {gformInitDatepicker();}if(window[‘gformInitPriceFields’]) {gformInitPriceFields();}var current_page = jQuery(‘#gform_source_page_number_1’).val();gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif&#8217; );jQuery(document).trigger(‘gform_page_loaded’, [1, current_page]);window[‘gf_submitting_1’] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find(‘#gforms_confirmation_message’).html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery(‘#gform_wrapper_1’).replaceWith(‘<‘ + ‘div id=\’gforms_confirmation_message\’ class=\’gform_confirmation_message_1\” + ‘>’ + confirmation_content + ‘<‘ + ‘/div’ + ‘>’);jQuery(document).scrollTop(jQuery(‘#gforms_confirmation_message’).offset().top);jQuery(document).trigger(‘gform_confirmation_loaded’, [1]);window[‘gf_submitting_1’] = false;}, 50);}else{jQuery(‘#gform_1’).append(contents);if(window[‘gformRedirect’]) {gformRedirect();}}jQuery(document).trigger(‘gform_post_render’, [1, current_page]);} );} );</script><script type=”text/javascript”> jQuery(document).ready(function(){jQuery(document).trigger(‘gform_post_render’, [1, 1]) } ); </script>
</div></section>
</div>
</div>

Thanks,
MP

I have used the following code as found in the forum to turn the menu items into buttons:

#top .main_menu .menu > li > a{
padding:10px !important;
background: green;
height: auto !important;
line-height: 16px !important;
border-radius: 5px;
margin: 0 13px;
}

#top .main_menu .menu {
margin-top: 25px
}
#top .header-scrolled .main_menu .menu {
margin-top: 3px
}

This works well for creating the button effect however these are the issues I would still like to fix:
1. The page that I am currently on has the colored underline right underneath it. I would like to be able to remove the underline completely.
2. Can I make it so that the button background of the page that I’m on is a different color from the other buttons?
3. Can I also assign a different background color for the hover state of the buttons?

Hi Guys,
I just updated the theme with the auto-updater, and an extra scrollbar has been added to my homepage in all browsers:
http://www.kaszinoprofi.hu/

This thread did not solve it for me, please tell me how I can remove it.

Thanks,
Tom

Hello,
Currently, we are using the blog grid style. We want to switch back to the featured image on the left with a snippet on the right. In General Settings, we switched the layout to single author small pic and nothing happened.
Here is the url: http://chicagoweddingblog.com/
Below is all the code in Quick CSS in case there may be a conflict.
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}.single-post .big-preview.single-big { display: none; }
div .logo {
top: 20px !important;
}
.header-scrolled .logo {
top: 0px !important;
}

Please advise.

Cheers!

Hello,
This is a topic I started on Themeforest and was asked to open a thread here.
I have problems on mobile with these 2 websites:
http://www.snnlaw.co.il/
http://www.ranibleierstudio.co.il/

As you’ll see, when going mobile on these 2 sites, the buttons and links on the homepage don’t work. Some of them do, and some don’t. I tried it on iPad, iPhone and Galaxy S3. It’s a big problem for me since the mobile part is very important for me. I have been using the AVIA layout builder.

This is the quick css I put in the enfold settings:
h1, h2, h3, h4, h5, h6, p, body, #socket .copyright, #top .footer_color .input-text, #top .footer_color input[type=’text’], #top .footer_color input[type=’input’], #top .footer_color input[type=’password’], #top .footer_color input[type=’email’], #top .footer_color input[type=’number’], #top .footer_color input[type=’url’], #top .footer_color input[type=’tel’], #top .footer_color input[type=’search’], #top .footer_color textarea, #top .footer_color select .main_menu ul:first-child > li > a{
font-family: ‘atlas’, sans-serif;
font-weight: 400;
}

h1{
font-size:60px;
line-height: 66px;
}

h2{
font-size:40px;
line-height: 46px;
}

h3{
font-size:28px;
line-height: 34px;
}

p{
font-size:19px;
line-height: 25px;
}

#header_main .container, .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
font-family: atlas;
font-weight: 400;
font-size: 18px;
}

#socket .copyright{
font-size:14px;
line-height: 18px;
}

#top .footer_color .input-text, #top .footer_color input[type=’text’], #top .footer_color input[type=’input’], #top .footer_color input[type=’password’], #top .footer_color input[type=’email’], #top .footer_color input[type=’number’], #top .footer_color input[type=’url’], #top .footer_color input[type=’tel’], #top .footer_color input[type=’search’], #top .footer_color textarea, #top .footer_color select{
font-size:17px;
line-height: 18px;
width: 75%;
}

#top select{
background-position: 12px center;
margin-top: 10px;
}

#top .socket_color .input-text, #top .socket_color input[type=’text’], #top .socket_color input[type=’input’], #top .socket_color input[type=’password’], #top .socket_color input[type=’email’], #top .socket_color input[type=’number’], #top .socket_color input[type=’url’], #top .socket_color input[type=’tel’], #top .socket_color input[type=’search’], #top .socket_color textarea, #top .socket_color select{
width: 100%;
}

#top h3 a {
font-size: 19px;
}

.rani-about-small{
display:none;
}

#top .main_menu .menu li ul a {
width: 100%;
height: auto;
float: left;
text-align: right;
line-height: 23px;
padding: 8px 15px;
font-size: 16px !important;
min-height: 23px;
max-width: none;
text-decoration: none;
}

.main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
padding-right: 20px;
}

.avia-button.avia-size-medium {
font-size: 17px !important;
font-family: atlas !important;
color:#000 !important
}

And this is what I put in the custom.css file:
@font-face{
font-family:’atlas’;
font-weight:400; /*(regular)*/
font-style: normal;
src: url(‘atlas-aaa-400.eot’);
src: url(‘atlas-aaa-400.eot?#iefix’) format(’embedded-opentype’),
url(‘atlas-aaa-400.woff’) format(‘woff’),
url(‘atlas-aaa-400.ttf’) format(‘truetype’);
}

#top textarea {
width: 100%;
height: 140px;
}
#top .avia-menu-fx {
height: 5px;
}
#top .scroll-down-link {
height: 65px;
width: 100px;
margin: 0px 0 0 -40px;
line-height: 70px;
position: absolute;
left: 50%;
bottom: -1px;
color: #000;
background: #AAA;
background: #50d1f5;
text-align: center;
font-size: 40px;
z-index: 100;
text-decoration: none;
border-top-left-radius: 223px;
border-top-right-radius: 223px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

Plus these are the plugins I use:

RTL Tester
Limit Login Attempts
Contact Form 7
Wordpress Importer

Thanks for your help.
Yaki