Joomla Templates Club 406,261 posts

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1073454

Hello, I have 2 issues that are directly related below.

Issue 1: I developed a custom module that houses a "modal" and cannot seem to get the "buttons" to have padding between them. Other than thatc issue this seems to work well on a PC. However, there is an is when viewing on small screen. See issues 2 below.

Issue 2: I think this is directly related to issue 1 so I decided to not draw up a seperate posting. I hope that is okay. The issue is that when viewing from a phone screen the buttons are not aligning properly.

The module name is: Website Design Agreements

Please see PC screenshot
Please see iPhone screenshot

Please see example page:https://bayareabusinessdesign.com/shop-our-services/website-design?view=servicesearch&id_ser=37

How can I adjust for these 2 issues.

---

Attachments:

1. 
2. 

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

#1073865

Hi,

Did you get it solved? as I can see that buttons look fine now.

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1074070

This reply has been marked as private.

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

#1074134

You can try with this custom css rule:

.customprimary .btn-group-justified .btn-group {
    padding: 0 5px;
}

1 user says Thank You to Saguaros for this useful post

1. mengler12

[Author]

Posts