Viewing 14 posts - 31 through 44 (of 44 total)
1 2
  • Author
    Posts
  • August 8, 2019 at 4:08 pm #1125966
    Ismael

    Hi,

    Thank you for the update.

    You can hide the full screen slider on mobile view in the element’s Screen Options, then use this css code to revert the top margin of the header back to default.

    @media only screen and (max-width: 767px) {
    #header {
        margin-top: 0; 
        background-color: #ffffff !important;
    }
}

    Best regards,
    Ismael

    August 8, 2019 at 8:54 pm #1126034
    ICEMAN

    Thank you Ismael, it’s very nice of you to help me !
    I applied your solution but I would like to have my slider on mobile and my menu and logo above it.

    Your solution for my home in large screen is very good.

    If I suppress the function you give to me for my functions.php , mobile home is exactly like I want it to be but that disturbs my home on large screen.
    Do you have an idea to shutdown this function code for mobile ?

    Thanks in advance,

    Best Regards,

    Iceman

    • This reply was modified 5 years, 4 months ago by ICEMAN.
    August 9, 2019 at 10:35 am #1126152
    ICEMAN

    Hey Ismael,

    I find a temporary solution. I use easy slider full width and hide it for large screen in the element’s Screen Options, so i have two slider, full screen slider for desktop and laptop and easy slider full width for mobile and tablette (portrait).

    But for my knowledge and to improve my experience enfold I would like to find a soution in order to use just full screen slider.
    So take a look to my previews message when I explain what I wuld like to have.

    Thanks in advance Ismael and have a good day !

    Regards,
    Iceman

    August 9, 2019 at 3:30 pm #1126245
    Ismael

    Hi,

    Sorry for the delay.

    You can set a condition to the script so that it is only executed on desktop but not on mobile devices.

    function ava_move_full_screen_slider_above_header(){
	?>
		<script type="text/javascript">
		(function($) {
			$(document).ready(function($){
				var is_mobile = false;
			
				if($('.responsive #scroll-top-link').css('display')=='none') {
					is_mobile = true;       
				}
			
				if (!is_mobile) {
					$("#main > .avia-fullscreen-slider").insertBefore("#header");
				} 
			});
		})(jQuery);
		</script>
	<?php
	}

	add_action('wp_footer', 'ava_move_full_screen_slider_above_header');

    Best regards,
    Ismael

    August 9, 2019 at 8:04 pm #1126329
    ICEMAN

    Ok, perfect, thank you Ismael, it’s very nice of you.

    You can close the topic.

    Have a good evening !

    Best Regards,
    Iceman

    August 12, 2019 at 6:04 pm #1126874
    Victoria

    Hi Iceman,

    Glad Ismael could help :)

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

    September 21, 2019 at 10:47 am #1140436
    ICEMAN

    Hello to all !

    I come back about this post, I applied Ismael solution and it works well exept for a detail: on mobile view, the slider exceeds the size of the screen. So for the moment, I keep the solution of 2 sliders for my home (one for large screen and one for mobile screen) but it’s not a good solution because my page weight is huge because of the loading of 2 sliders.

    So I create a test page to move the size slider problem, you can see it in private content.

    In the same time, if it’s possible to keep the solution with two sliders (that works perfectly) for my home, I would need to ban the loading of the mobile slider on computer and vice versa because hide slider on large screen does not prevent the loading of it and google load 2 sliders in the same time and it’s bad for SEO and user experience.
    ( I create another topic for this specific problem: 2 different sliders, one for mobile and one for computer screen.)

    Thanks for help,

    Regards,

    Iceman

    • This reply was modified 5 years, 3 months ago by ICEMAN.
    September 23, 2019 at 9:22 pm #1141124
    ICEMAN

    Nobody can help ?

    September 24, 2019 at 9:46 am #1141298
    Ismael

    Hi,

    Sorry for the delay.

    Did you remove the script above? We don’t see a second slider on mobile view and the current slider always render above the header.

    The thread is getting quite long and off the original topic. Please create a new ticket and include the necessary details in the private field.

    Best regards,
    Ismael

    September 24, 2019 at 10:56 am #1141332
    ICEMAN

    Hi Ismael, You can close the topic. I will open a new one.
    Regards,
    Iceman

    September 25, 2019 at 12:49 pm #1141788
    Victoria

    Hi Iceman,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 25, 2019 at 1:02 pm #1141794
    ICEMAN

    Thank you Viictoria, it’s nice of you, you can close this opic because I open a new one Full screen slider display

    Thanks to all for helping !

    September 25, 2019 at 7:53 pm #1141970
    Victoria

    Hi ICEMAN,

    Ok, I am closing this topic.

    Best regards,
    Victoria

    September 25, 2019 at 7:53 pm #1141973
    Victoria

    Hi ICEMAN,

    Best regards,
    Victoria

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