Maintain logo visibility in full screen mode

5 posts from 3 voices

• Started 6 months ago by Al
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   Al
   Member

   In full screen mode there is nothing that indicates the site is branded with a logo. I would like to either add a top bar to the template with a similar reveal action that contains a logo. Or even add the logo in a similar sized div just above the < || > scroll controls. This div could be maintained on the same reveal action.

   How could this be achieved.

   Thanks.

   Posted 6 months ago #
2. 

   Al
   Member

   Well no answer yet. Still waiting. It's even good if I could get the logo inside the Gallery bar positioned to the far right in a white block. Just need a push in the right direction.

   Posted 6 months ago #
3. 

   Dude
   Dude

   Probably the easiest solution would be to add the logo to header.php. Open up header.php and replace:

   <div class='container_wrap' id='header'>
   
   			</div>

   with:

   <div class='container_wrap' id='header'>
   			<div class="headerlogo">
   <?php echo avia_logo(); ?>
   </div>
   			</div>

   Then use eg following css code to position the logo:

   .headerlogo{
   display: none;
   position: fixed;
   left: 20px;
   top: 50px;
   }

   Adjust the left & top value if you like. Then open up flashlight\js\avia_fullscreen_slider.js and replace:

   main_mini.animate(animateThis2, duration, transition1, function(){ main_mini.css({zIndex:0}); });

   with

   main_mini.animate(animateThis2, duration, transition1, function(){ main_mini.css({zIndex:0}); });
   jQuery('.headerlogo').fadeIn();

   and:

   link.fadeIn();
   imagecount.fadeOut();

   with:

   link.fadeIn();
   imagecount.fadeOut();
   jQuery('.headerlogo').fadeOut();

   Posted 6 months ago #
4. 

   Al
   Member

   Thank you, Thank you man ...your the best.

   Posted 6 months ago #
5. 

   Ismael
   Moderator

   Hi Al,

   Glad that Peter helped you. :)

   Cheers,
   Ismael

   Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.