Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 19, 2018 at 1:29 pm #959069
    j0schi

    Hey Folks,

    another day, another enfold website, another support request haha

    1) I designed a new site for a customer. He has a very good eye for details. SO he testet the site on a lot of different screens and noticed, that on some the logo is somehow blurry. for me it looks perfectly sharp. Could you please take a look and tell me if i can do something to make it sharper? Maybe switching it with an svg would be a solution?

    2) i modified the burger menu a lot as you can see. Problem is that the close button is very bad to see. I cant figure out the css to make it white and in the foreground, could you help me out here?

    3) another thing the customer mentioned (something which also would never bother me) when you are at the top of the homepage, open the menu and click on the homepage (and did not scroll before) the menu would not close. He said a lot of the people he asked for feedback had a problem with this. Is there an easy way to close the menu just by clicking anywhere instead of a link and also closing it when clicking on the page that is currently active?

    Kind regards
    joschi

    May 20, 2018 at 10:41 am #959387
    Victoria

    Hey j0schi,

    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

    
.av-burger-overlay-active #top #wrap_all  .av-inserted-main-menu.is-active  .av-hamburger-inner,
.av-burger-overlay-active #top  #wrap_all .av-inserted-main-menu.is-active  .av-hamburger-inner::before, 
.av-burger-overlay-active #top  #wrap_all .av-inserted-main-menu.is-active  .av-hamburger-inner::after {
  background-color: #fff;
}

    Here are some threads to consider:
    https://kriesi.at/support/topic/blurry-logo/
    https://kriesi.at/support/topic/close-mobile-menu-by-clicking-on-active-navigation-item/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 20, 2018 at 2:54 pm #959434
    j0schi

    Hi Victoria, thanks, the css worked great, very strange that I could not figure this out mysel haha
    For the logo, i will try the SVG Solution.

    For the close menu, if i understand correctly i have to modify the avia.js with this code: 

    		// close mobile menu if url is the same
		$('.html_av-submenu-display-click').on( 'click', 'a', function (e) 
		{ 
			e.preventDefault();
			e.stopImmediatePropagation();

			var loc, cur;
			loc = window.location.href.match(/(^[^#]*)/)[0];
			cur = $(this).attr('href').match(/(^[^#]*)/)[0];

			if( cur == loc ) {
				burger.parents('a').eq(0).trigger('click');
			} else {
				window.location.href = $(this).attr('href');
			}

			return false;
		});

    But it is not save for updates. There must be a better solution, maybe implementing something over a functions file. Nearly all the testers did consider this a bug… (I cant understand this either, bur normal users are just not like us ;)

    Kind regards
    Patrick

    May 21, 2018 at 8:57 pm #959967
    Basilis

    Hi,

    You can make it safe! ;-)

    if(!is_admin()) add_action('wp_enqueue_scripts', 'avia_register_child_frontend_scripts', 100);
function avia_register_child_frontend_scripts()
{
	$child_theme_url = get_stylesheet_directory_uri();
	wp_dequeue_script('avia-default');

	//register js
	wp_register_script( 'avia-default-child', $child_theme_url.'/js/avia.js', array('jquery'), 1, true);
	wp_enqueue_script( 'avia-default-child' );
}

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.