Multitude of tags appear on many posts

Hi,

You allow that me disable all the plugins and switch the theme to check somethings?

Best regards,
John Torvik

Hi InternationalPartneringInstitute,

I found a better spot for search.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
	.responsive #top .logo {
		width: 60%;
	}	

#top-line .container {
	max-width: 80%;
}

.avia-search-tooltip.avia-tt {
	background-color: #fff;
}
}

and this code has to go to your functions.php

function av_move_search_mobile(){
?>
 <script>
jQuery(window).load(function(){
	jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).appendTo('#top-line .container');
});
 </script>
<?php
}
add_action('wp_footer', 'av_move_search_mobile');

If you need further assistance please let us know.
Best regards,
Victoria

Hi,

Let’s adjust the function, so that it works like that only on mobile, and then we see what else we can do

function av_move_search_mobile(){
?>
 <script>
jQuery(window).load(function(){
	if (jQuery.avia_utilities.isMobile) {
		jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).appendTo('#top-line .container');
	}
});
 </script>
<?php
}

Best regards,
Victoria

Hi InternationalPartneringInstitute,

Is the css I gave before still there? Or you removed it?

Best regards,
Victoria

Hi,

For some reason this jQuery.avia_utilities.isMobile on your instance gives false on mobile, so the code does not work. Well, we can stick to initial function, but then the search will be near login, in the top nav on deskctops as well. Is that ok, or should we try to come up with another solution?

Best regards,
Victoria

Hi InternationalPartneringInstitute,

So we consider this closed, or something else I forgot to address?

Best regards,
Victoria

Hi,

Have you also used the CSS code victoria provided?

Best regards,
Basilis

Hi,

This css has to be added:

@media only screen and (max-width: 767px) {
#top-line {
    vertical-align: top;
    height: 30px;
}
#top-line > .container {
    height: inherit;
    max-width: 90%;
    position: fixed;
    top: 0 !important;
}
#search-icon-link {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px;
}
#top-line div a {
	line-height: 16px;
}

}

And Javascript has to be slightly adjusted:

function av_move_search_mobile(){
?>
 <script>
jQuery(window).load(function(){
	jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).attr('id', 'search-icon-link').appendTo('#top-line .container');
});
 </script>
<?php
}
add_action('wp_footer', 'av_move_search_mobile');

Let me know how this works for you.
Best regards,
Victoria

Hi InternationalPartneringInstitute,

Looks like the id and style are not added by Javascript. Did you change the code in functions.php to the latest version? Or did you flush the cache?
And you can also use the css for big screens also. Try it :)

Best regards,
Victoria

Hi InternationalPartneringInstitute,

This has to be added for all screens:

#search-icon-link {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px;
}

Outside the media query.
If you need further assistance please let us know.
Best regards,
Victoria