Joomla Templates Club 406,261 posts

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1087156

Hi guys,

Please see the attachments first.

The screenshot0001 shows that the text content has 3 blocks. The screenshot0002 is the mobile view as iPhone 8 screen solution. The screenshot0003 is the same as above but rotate to Horizontal view.

My question is:

1. When in the mobile view like screenshot0002, would it be possible to make the text content show the 1 and 2 blocks or 3 block? How can I define the code to reach that?

2. Would it be possible to do the same as above in the mobile view like screenshot0003, too?

3. Would it be possible to disable the pagination only in the mobile view?(still want to keep it in the original view)

You can check in my temporary website. http://www.luke-ghostwriter.com/web/DKD/

Look forward to the replying.

Luke

• This topic was modified 6 years, 3 months ago by  lukelee0223.
• This topic was modified 6 years, 3 months ago by  lukelee0223.

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1087412

Hi Luke,

You can try with this custom CSS:

@media (max-width: 991px) {
  .acm-slideshow .owl-carousel .item .slider-content-inner p {
    display: block;
  }
  .acm-slideshow .owl-carousel .owl-item:nth-child(1) .item .slider-content-inner p:nth-child(1) {
      font-size: 10px;
  }
} 

add to the file: root/templates/ja_smallbiz/css/custom.css

And which ‘Pagination’ are you referring to?

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1087440

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1087443

Hi Luke,

No problem, you can try with this custom CSS:

@media (max-width: 767px){
.acm-slideshow .owl-carousel .owl-controls .owl-pagination {
    display: none;
}
}

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1087504

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1087652

Hi Luke,

Yes, you can remove the br tag and add the padding for the title like this:

.acm-slideshow .owl-carousel .owl-item .item .slider-content-inner h2 {
    padding-bottom: 70px;
}

and change to the value which suits your needs.

Regards

[Author]

Posts