Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #1085948

    Hi open template folder /css/custom.css file and add below code

    .masthead .container {max-width:100%!important;}

    Regards

    crossix Friend
    #1086426
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1086428

    Hi
    use this code in custom.css file

    .masthead .container {
        max-width: 100%!important;
        padding-top: 70px;
    }

    it will fix both issues.

    Regards

    crossix Friend
    #1086435

    That didnt work , check it out, i published slide show on frontpage on the masthead position and look what happened? when shrink the screen to a mobile size check the space that makes cuz of the 70px padding, and regardless it displays not properly, check the contacts aswell, same issue

    Pankaj Sharma Moderator
    #1086436

    Hi
    Kindly post a screenshot how you want to display the modules?
    Becuase currently the code is working on your site and header is not hiding the module as you asked.
    Regards

    crossix Friend
    #1086445
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1086449

    Hi
    replace the older code with this code

    
    .masthead .container {
        max-width: 100%!important;
        padding-top: 70px;
    padding:0px;
    }

    If you feel the slideshow or map is cut by header, kindly increase the value of 70px in the code i shared above.

    Regards

    crossix Friend
    #1086450

    Doesnt work properly, the 70px padding becomes a bottom padding when shrinking the screen to a mobile, see screenshot , it happens in the contact us page with the gmap


    1. 3
    Pankaj Sharma Moderator
    #1086460

    Hi
    I have not found the block on the contact us page like in your screenshot.
    The code I shared is for the masthead position only, Kindly share the URL and device details on which you want to reduce the bottom padding as in your screenshot.
    So i can replicate it and suggest you changes.

    Regards

    crossix Friend
    #1086552
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1086675

    Hi
    You have a code in custom.css file to creating this padding

    
    @media (max-width: 767px){
    .itemid-101 .wrap.sections-wrap {
    padding-top: 47px;
    }
    }

    Remove this code to remove the padding.

    Regards

    crossix Friend
    #1087072

    that code is there cuz you guys provided it to fix the cropping of the t3.navbar on mobile, check the homepage of my website on a mobile view and you will see how the slider pictures get crop by the navbar. so this going back and for, and it looks its a issue related with the uber template, not having a absolute position on the slideshow position, any slideshow module published inthere get the same issue (navbaroverlpapping/cropping)… would you provide the steps to reproduce the uber-music slideshow, cant get it to work!

    Pankaj Sharma Moderator
    #1087085

    Hi
    You should use this code

    
    @media(max-width:468px) {#section-121{padding-top:50px}}

    The older code does not seem for the slideshow as there is different id.
    It works only for mobile.

    Regards

    crossix Friend
    #1087094

    it did work , however see the space when clicking on offcanvas
    thanks for the help


    1. 2018-01-16-17_47_06-El-Monte-Computer-iPhone-and-iPad-Repair
    Pankaj Sharma Moderator
    #1087098

    Hi
    Try this code in custom.css

    .t3-off-canvas {
    
        z-index: 100!important;
        visibility: hidden;
        width: 270px;}

    Regards

Viewing 15 posts - 1 through 15 (of 17 total)

This topic contains 17 replies, has 2 voices, and was last updated by  Pankaj Sharma 6 years, 2 months ago.

The topic ‘masthead witdh’ is closed to new replies.