Joomla Templates Club 406,261 posts

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1009706

Hello,

I need to make bigger "Appointment position", like in the picture (I need all red rectangle), using the entire width of the template.

Could you help me?

thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1009717

Hello

you can edit this file /templates/ja_medicare/tpls/blocks/header.php and change from

<!-- MAIN NAVIGATION -->
<div id="t3-mainnav" class="col-xs-12 col-sm-12 col-md-9">

TO:

<!-- MAIN NAVIGATION -->
<div id="t3-mainnav" class="col-xs-12 col-sm-12 col-md-12">

Regards

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. lailuluelo

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1009720

Thank you very much, works!

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1009752

I’m so sorry @pavit, but responsive mode does not work for that position, it also occurred before the change. Not only in "Home", in all pages.

Please, have a look to screen shoots

Thank you

---

Attachments:

1. 
2. 
3. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1009757

Hello

try to add this to your custom.css file

@media screen and (max-width: 979px) {
.appointment-content {
position:initial!important;
}
}

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1009758

Thank you

@pavit, One last thing, the logo I have it in a single image and it does not modify the size in small devices. However, the 4 images below I put them with a div simulating a table and also does not show well on small devices, Can you help me?

---

Attachments:

1. 
2. 
3. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1009766

Hello

Regarding logo img you should add it in div and define for that div a class then manage div class for various screens resolutions, something like

@media screen and (max-width: 979px) {
.divclass {
display;.......;
}
}

same thing for your images in a table

@media screen and (max-width: 979px) {
.cell {
display:inlinel!important;
}
}

Regards

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. lailuluelo

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1010162

@pavit, I’m so sorry but I`m not designer and I don´t know css very good. I thought Joomlart Templates are responsive, isnt it?, so… why we need to patch positions to make them responsive?

Thank you for everything

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1010178

lailuluelo wrote:

so… why we need to patch positions to make them responsive?

You added a custom module into appointment position and this is not the right way to do it , all positions are responsive but you will need to respect some parameters to have them working as should. like preformatted media queries for such positions.

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. lailuluelo

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1010371

This is, in the documentation of the template specifies that I can put in each position and with that structure, isn’t it?

Thank you @pavit

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1010381

lailuluelo wrote:

in the documentation of the template specifies that I can put in each position and with that structure, isn’t it?

Yes but you will need to respect all preformatted settings

.cell is a custom rule

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#1010397

So if I need to have a module like me, above menu, with a picture and text. Which is the best module to modify? Thanks @pavit

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1010415

lailuluelo wrote:

Which is the best module to modify? Thanks @pavit

You will need to create as i told you custom divs, assign css classes to such divs ( margins, width, float, etc etc ) and manage each css class settings for different media queries.

as you can imagine it will require a dedicated custom work

Hope it helps

[Author]

Posts