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

Hi all,

I have been reading up on parallax websites, specifically one-page sites, and the consequences with SEO. Just curious what the developers thoughts are on this (and anyone else that wants to contribute).

When a one-page parallax website is limited by fewer unique pages, H1 fields, and metadata than competitor websites, is there a working alternative to maintain a one-page design with a healthy SEO? Or is parallax design ahead of SEO and search–and everyone is just hoping they will eventually catch up?

The Enfold theme is amazing. I know I’ve said it before, but really awesome work by Kriesi and team. The recent updates to include video are great!

Hey,

In functions-enfold.php, line 193:
$output .= "<a class='ajax_search_entry ajax_search_entry_view_all' href='".home_url('?' . $search_messages['all_results_link'] )."'>".$search_messages['view_all_results']."</a>";

Should be:
$output .= "<a class='ajax_search_entry ajax_search_entry_view_all' href='".icl_get_home_url('?' . $search_messages['all_results_link'] )."'>".$search_messages['view_all_results']."</a>";

The current behavior is that if I’m in a page that doesn’t belong to the default language, and I open the ajax search box and type some search string, clicking the “View all results” at the bottom of the ajax search box sends me to a search results link in the default language, and not in the current language. I should state also that we use permalinks for indicating the language.

Anyway, I tried to add a filter, but it caused an infinite loop (don’t know why, I don’t think icl_get_home_url uses the get_home_url function in any way):

add_filter( 'home_url', 'localized_home_url', 10, 4);
function localized_home_url( $url, $path, $orig_scheme, $blog_id ) {
    if($path === ''){
		return icl_get_home_url();
	}
	return $url;
}

Suggestions?
Thanks,
Lior