TMNR

You’re amazing! Thank you for an outstanding support.

Sorry, I’m not very good at expressing what I need.

I cleaned up the code a bit, here’s the main issue:
When window is shrunk and passes 617px mark, something kicks in and changes things. Past 600px mark, it changes again, this time I know it’s the media query in original style.css supported by the same query in my child style.css. What happens between 600 and 617px?

The menu is being set to display: none;, according to firebug this is accomplished by line 560 in the original style.css, but why does it happen – I don’t understand.

Because I modified allot of stuff. Why do you ask?

Thanks Caroline, Polylang plugin was causing the trouble.

Thanks Andrew

Don’t get me wrong, didn’t mean to be rude ?? Thanks for looking in to it.

Ok, how do I fix it?

Had to upload it to live server, here you go:
https://mududizainas.lt/mudu/

Andrew, I see what you mean, but adding

.blog .hentry a:hover img,
.archive .hentry a:hover img,
.search .hentry a:hover img {
float: left;
}

to my child theme’s style.css did not work.

Keyboard_Headaches, I don’t understand how opacity is related to moving an object? I’ve tried to change the opacity values to .3

opacity: .3;
-webkit-opacity: .3;
-moz-opacity: .3;

but it did not work either.

Thanks to the fine developer of Polylang plugin, Chouby, I have a solution. It was a theme bug:

Go to touchfolio/js/main.js and change
mobileMenu = $('<a class="menu-button"><i class="menu-button-icon"></i>menu</a>');
to
mobileMenu = $('<a class="menu-button"><i class="menu-button-icon"></i>'+dsframework_vars.menu_text+'</a>');

Thank you,
you are the best and most responsible developer out there. Utmost respect, Chouby.

For those who wonder what file needs to be edited:
In theme folder js/main.js

The function i used to add search form was lacking specificity.
I’ve used this one instead:

/**
 * Add a search bar to the navigation menu.
 *
 * @since Twenty Twelve 1.0
 */
function menu_search($items){
    $search = '<li class="search">';
    $search .= '<form method="get" id="searchform" action="/">';
    $search .= '<label for="s" class="assistive-text">Search</label>';
    $search .= '<input type="text" class="field" name="s" id="s" placeholder="..." />';
    $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />';
    $search .= '</form>';
    $search .= '</li>';

    return $items . $search;
}
add_filter('wp_nav_menu_items','menu_search');

It sets the class of the form to .search, this way I had much more control and was able to position it.

I had to add
display: block;
property to the header image. Now it works.

I had to reset the float property for my header: float:none;

Found my problem:

Instead of localhost/project-name/ i should have changed localhost/