Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1283650
    Steve Taylor
    Participant

    http://www.itworkshosting.com

    How do I remove the white line below the header?

    How can I get rid of the extra space between the header and slider, then between the slider and next row? It looks fantastic in Google Chrome, but there’s a big gap in IE and Edge.

    #1284000
    Friech
    Moderator

    Hi There,

    Thanks for writing in! To remove the white line on the header please add this on your custom CSS on Customizer

    body.x-navbar-fixed-top-active .x-navbar-wrap {margin-bottom: 0;}
    header .x-navbar {border-width: 0;}

    Regarding the slider, please provide us login credentials in private reply so we can take a closer look on the slider settings.

    Cheers!

    #1285114
    Steve Taylor
    Participant
    This reply has been marked as private.
    #1285596
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. It turns out that you have added the slider within your Cornerstone content. To remove the spaces, please edit your page and assign the slider below your masthead instead. To better understand how you can utilize the sliders below and above the masthead, please check out this article: https://community.theme.co/kb/sliders/

    Hope this explains it.

    #1287995
    Steve Taylor
    Participant

    That didn’t seem to work. I switched the slider from Cornerstone Content to below masthead. It didn’t work…

    #1288121
    Rad
    Moderator

    Hi there,

    Please add this CSS too,

    .x-slider-container.below {
        border-bottom: 0px;
    }

    Cheers!

    #1302126
    Steve Taylor
    Participant

    Nope, no luck. 🙁

    #1302433
    Friech
    Moderator

    Hi There,

    Update the last code to this:

    .x-slider-container.below {
    	border-width: 0;
    }

    That is for the border/line of the slider.

    There is no space between the header and slider. Its just the background-image (shore) does not cover the entire slider.

    To address this, edit the slide and on the Source Settings tab set the Background Fit option to cover.

    http://image.prntscr.com/image/bc41b7fdd49c4489bbd006738996eb8e.png

    Hope it helps, Cheers!

    #1304951
    Steve Taylor
    Participant

    The slider is working now thanks to your recommendation, but the text gets way too small on mobile. Suggestions?

    #1304970
    Friech
    Moderator

    Hi There,

    Disable the Child Elements Responsive behaviour of the said text layer.


    screenshot

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1283650 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>