Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #165012
    Maarten90
    Participant

    Hi all,

    I’m using the Fotografie Blog Pro theme on a website, but it seems that the header video, only displays on desktop browsers. Is there a way to make the video display on mobile as well? I’ve tried multiple browsers, Firefox, Chrome and Opera on Android 9, and they all hide the header video, even if you select ‘Request desktop site’ within the browser. Is this a browser compatibility issue, or do we need to tweak a few settings within the theme to make this work?

    Thanks in advance!

    #165048
    tikaram
    Participant

    @maarten90: Actually the header video feature is provided by the WordPress core and they do not have video support for mobile devices. We are trying for a way out but we do not have a proper solution at this time. Its not a browser or any other issue, its the WordPress core way they treat with header video. Let me know if you have any other theme related issues.

    Regards,
    Tikaram

    #165132
    Maarten90
    Participant

    Hi Tikaram,

    Thank you for your quick response. I’m currently trying to make two sidebars work (one will be on the left of the content on desktop, and above the content on mobile, and the other one needs to be on the right of the content on desktop, and after the content on mobile). Since the sidebars will show custom PHP pages I added them manually like so ‘get_sidebar(‘left’);’ to the front-page.php file. I did add the second sidebar the same way (‘get_sidebar(‘right’);’) , just above ‘get_footer();’, but then it shows correctly on mobile (after/below the content), but on a desktop browser, it shows the ‘right’ sidebar on the left, below the left sidebar, though it should show it on the right side of the content on the desktop. I’m just trying to find what I should do to make this work. If you have any ideas on how to accomplish this, then please let me know (possibly I would need to add some CSS for it, like ‘ float: right’, but I’m not sure if that is the best solution).

    Thank you.

    #165153
    tikaram
    Participant

    @maarten90: Can you please post in your site URL so that I can check for the issue.

    Regards,
    Tikaram

    #165157
    Maarten90
    Participant

    Hi Tikaram,

    The site is currently hosted on my development site, http://tapwedstrijden.sites.keyservices.eu . The sidebar labelled “Beschikbare competities” has the correct placement on desktop and mobile, but the sidebar labelled “Wedstrijdresultaten” has correct placement on mobile (below the content),but not on desktop, where it should be on the same height as the other sidebar, but then on the right of the content.

    Thank you.

    #165245
    Skandha
    Participant

    @maarten90: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 64em) {
    	.home.two-columns-layout .singular-section {
    		width:100%;
    	}
    }
    
    @media screen and (min-width: 64em) {
    		.home.two-columns-layout .singular-section {
    			width:40%;
    			float:left;
    	}
    		.home.two-columns-layout #primary {
    			width:100% !important;
    		}
    	}	
    }
    
    @media screen and (min-width: 80em) {
    	.home.two-columns-layout .singular-section {
    		width:42.276%;
    		float:left;
    }
    	.home.two-columns-layout #primary {
    		width:100% !important;
    	}
    }
    
    @media screen and (min-width: 72em) {
    	.home.two-columns-layout .singular-section {
    			width:35.762%;
    			float:left;
    	}
    	.home.two-columns-layout #primary {
    			width:100% !important;
    	}
    }	
    
    #ipw-3 {
    	display:none !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #165289
    Maarten90
    Participant

    Hi Skandha,

    Thank you for looking into this. The CSS did the trick, works like a charm.

    Kind regards,
    Maarten

    #165326
    Skandha
    Participant

    @maarten90: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/fotografie-blog/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header video on mobile’ is closed to new replies.