Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 2, 2014 at 6:24 pm #273392
    aovivo

    Hi there,
    i wonder if there is a feature to upload one logo image for desktop and one for smart devices – with different sizes/resolutions of course.
    i am having the trouble that the logo, that looks perfect on destop – does overlap with the mobile menu (portrait mode) and get fuzzy while using on smartphone.
    however, i want to keep the responsive mode but wonder if some adjustments can be made while using the page with a smartphone…

    thanks in advance. any suggestion is appreciated…
    my best regards
    Pedro

    June 2, 2014 at 7:12 pm #273450
    Josue

    Hey Pedro!

    Add this to the theme functions.php:

    function custom_func() {
	?>
	<div id="mobilelogo">
		<?php echo avia_logo('_MOBILE_LOGO_URL_HERE_', $addition, 'strong', true); ?>
	</div>
	<?php
}
add_filter('ava_after_main_menu', 'custom_func');

    And this to the Quick CSS:

    #mobilelogo .logo{
	display: none;
}
@media only screen and (max-width: 767px) {
	#mobilelogo .logo{
		display: block;
	}
	.logo{
		display: none;
	}
}

    Change as needed.

    Regards,
    Josue

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