Joomla Templates Club 406,261 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#906057

I have trouble with the layout, see attachments

1. The sidebar yellow is not scrolling on iPhone and is not aligned in center and not closing on the iPhone
2. The copyright is not showing all. I miss the line or logo or a part of it

3. Content-bottom is not aligned wright on the iPhone, it is also on the footer

4. Can i make different kind of spotlights with there own css. Know they are the same
5. With tabs can i make a custom html, just a question

---

Attachments:

1. 
2. 
3. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#906483

Hi,

You can find my answer to your request.

1) It does not work with responsive on the mobile layout because the module id: 137 (custom html module) does not support the responsive layout and you have to make module id: 137 to support responsive layout first

2) You can create the footer module and assign it to footer position

3) Please have a look at the screenshot, you will see the text in Content-bottom is forcing align center.

4) With spotlight postion, you only change the width on that but all css styles and effect are the same.

5) You can give the screenshot of what you are trying to do.

Regards

---

Attachments:

1. 

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#908675

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#908834

The problem of your site came from your custom work on your site and you need to fix it as my tweak

Open templates/ja_moviemax/css/custom.css file

find and change

.btn-sidebar.open {
  position: fixed;
  right: 400px;
  top: 0;
  background-color: #ffbf43;
}

.t3-big-sidebar > .inner {
    background-color: #ffbf43;
    color: #000;
    height: 100vh;
    position: fixed;
    top: 0;
    overflow: none;
    width: 400px;
    padding-left:5px;
    padding-right:5px;
}

to

.btn-sidebar.open {
  position: fixed;
  top: 0;
  background-color: #ffbf43;
}

.t3-big-sidebar > .inner {
    background-color: #ffbf43;
    color: #000;
    height: 100vh;
    position: fixed;
    top: 0;
    overflow: none;
    padding-left:5px;
    padding-right:5px;
}

Hope it helps

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#908936

This reply has been marked as private.

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#908954

This reply has been marked as private.

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#909175

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#909708

Can you give me the link to see that problem on your site? I will help you to check it

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#909724

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#909944

You can use this way to fix this bug

Open templates/ja_moviemax/css/custom.css file and add the CSS style

@media  (max-width: 767px) {
    .t3-footer .t3-spotlight {
        display: none !important;
    }
    .t3-footer {
        margin-top: 70px !important;
        margin-bottom: 20px !important;
    }
}

1 user says Thank You to Ninja Lead for this useful post

1. puntje

[Author]

Posts