html - media queries not having desired effect -


after using chrome developer tools try identify element manipulate in media queries, have not had luck in making banner responsive tablet , iphone size. url:

http://thursdaypools.mediafuel.net/innovations/fiberglass-pool-anchoring-system/​

if resize it, see banner image not change size @ , have tried following:

@media screen , (max-width: 991px) {         #video-header {           height: 240px;         } }  /*@media (max-width: 980px) {   .banner {     height: 30vh; } }*/

the code thats commented out written before me , didn't work when got , see @ top effort after trying work had. neither #video-header nor .banner seem making difference.

the code banner one:

<?php get_header(); ?>     <div id="post-page" class="single-innovations-page content-area">   <?php get_template_part( 'template-parts/content', 'page-intro' ); ?> <!--dancortes added code below here--> <?php get_template_part('template-parts/content','page-banner'); ?>            <?php if( get_field( 'product_video' ) ): ?>     <div id="video-header" class="full-video">     <iframe id="player" type="text/html" width="100%" height="100%" src="<?php the_field( 'product_video' ); ?>?enablejsapi=1&amp;rel=0;" frameborder="0" allowfullscreen></iframe> <div onclick="closevideo()" class="close-video">                                   <p>close</p>  </div> </div> <?php endif; ?><!--product_video-->   <main class="subpage-content">    <div class="medium-wrapper">      <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>        <div class="innovation-information">          <?php the_field( 'innovation_information' ); ?>        </div>        <?php endwhile; else : ?>          <p><?php _e( 'sorry, no posts matched criteria.' ); ?></p>        <?php endif; ?>      </div> </div><!--page-top-->

​

add background-size .banner

.banner {   background-size: contain; }

Comments

Post a Comment

Popular posts from this blog

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more