Public Forums 71,145 posts

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1090973

Hello,

I am unable to get the buttons on my JA Builder Landing page to resize on mobile.

I have tried adding custom css, but nothing seems to work. I have added the following, but I would have thought JA Builder would be using bootstrap core media styles?

/* Make Buttons Smaller on Mobile

@media(max-width: @screen-xs-max) {
.jub-block .btn .btn btn-xl {
font-size: 10px !important;
}
@media(max-width: @screen-xs-max) {
.jub-block .btn {
font-size: 10px !important;
}

Can you please help.

Thanks
Britt

---

Attachments:

1. 

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

#1091180

Hi Britt,

Kindly share the credentials of your site so I can check for you.

Regards

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091304

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091459

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091490

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091601

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091608

This reply has been marked as private.

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

#1091611

Hi Britt,

The text in that button are in big size and long text so the small screen view port like mobile has not enough space to show. You can consider to resizing the text size with this custom CSS:

@media (max-width: 480px) {
 .jub-block.hero-5 .hero-text .btn.btn-xl.text-white.bg-user-color5.has-border.border-user-color5 {
    font-size: 10px;
}
}

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

#1091612

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091635

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1091636

This reply has been marked as private.

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

#1092842

This reply has been marked as private.

[bri2.0 Friend bri2.0Join date: February 2015Posts: 65Downloads:128Uploads:21 Thanks: 4 Thanked: 1 times in 1 posts]

#1093414

This reply has been marked as private.

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

#1093977

I replied you here: https://www.joomlart.com/forums/topic/mobile-and-tablet-resizing-not-following-through-on-ja-builder/#post-1093424

[Author]

Posts