Joomla Templates Club 406,261 posts

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

#1077373

Hello,

I am working with the JA Small Biz theme and am having trouble understanding how to align my button to the right of a box. Or should this be fluid/flex? Regardless, I would like to work with all screen sizes.

<div class="container h-100 d-flex">    
    <div class="jumbotron my-auto">      
      <h3 class="display-3">We Would Love To Work With You! <a class="btn btn-lg btn-primary"  href="component/com_vikappointments/Itemid,227/id_ser,12/view,servicesearch/">Shop This Plan</a></h3> 
    </div>
</div>

See screenshots for how the button is currently showing on the page and cms page.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077568

Hi
You can apply flot: right style property on the button and width 100% to make it responsive,
I am unable to give the exact code as it needs me to check this on your site.
You can try this and if it does not work, just share the URL of the article I will let u know how to move it in the right side,

Regards

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

#1077787

Hello again,

I tried what you mentioned, but it didn’t work. Could you take a look please.

page link

Thanks,
Peter

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077878

Hi
Use this code for the button

<a class="btn btn-primary btn-lg; float:right; width: 100%;" href="/component/com_vikappointments/Itemid,227/id_ser,12/view,servicesearch/" style="
    float: right;
">Shop This Plan</a>

And it will move to right side: http://prntscr.com/hh27ri

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. mengler12

[Author]

Posts