Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1085948

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

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

Regards

[crossix Friend crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1086426

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#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 Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1086445

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#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

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1086552

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#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 Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 crossixJoin date: June 2015Posts: 57Downloads:9Uploads:12 Thanked: 1 times in 1 posts]

#1087094

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

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1087098

Hi
Try this code in custom.css

.t3-off-canvas {

    z-index: 100!important;
    visibility: hidden;
    width: 270px;}

Regards

[Author]

Posts