Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tora0515

    (@tora0515)

    I may have found a partial solution. feels more like duct tape on fender though. Anyway, I did this in my llorix_one_lite_header_section.php file:

    <?php { ?>
    
    <div class="home-slider">
    
    <?php echo do_shortcode( '[masterslider id="1"]' ); ?>
    
    </div>
    
    <?php } ?>

    Then I went to customize > Additional CSS and added this:

    /* 
    There was a problem with the slider going underneath the navigation bar at larger resolutions. This will fix that.
    */
    @media (min-width: 1200px) {
    
    	.home-slider {
    			margin-top: 85px;
    	}
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
    
    	.home-slider {
    			margin-top: 85px;
    	}
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
    
    	.home-slider {
    			margin-top: 113px;
    	}
    }
    • This reply was modified 7 years, 11 months ago by tora0515.

    Hey there,

    Glad you figured it out, just a heads-up: don’t make modifications in theme’s main files, instead use a child theme. Thanks! ??

    Thread Starter tora0515

    (@tora0515)

    Of course, its all done in a child theme.

    Any idea why the header would act that way? And is there a cleaner fix?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header visibility covering slider’ is closed to new replies.