Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PR - fix : razorpay form in mobile view of header and addition of go to top button #135

Merged
Prev Previous commit
Next Next commit
razorpay pay form to right align near to toggle
  • Loading branch information
sanjay7178 committed Sep 2, 2024
commit a67a0a68995988621062049f4bc4c641ae8bab15
12 changes: 6 additions & 6 deletions app/views/layouts/_header.html.erb
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<header class="navbar navbar-default navbar-fixed-top bs-docs-nav" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<a href="/" class="navbar-brand">n|u</a>

<button class="navbar-toggle pull-right" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/" class="navbar-brand">n|u</a>
<div class="razorpay-form visible-xs pull-right" style="margin-right: 20px; margin-top: 2.5px;">
<form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
</div>
</div>

<!-- Razorpay form for mobile view -->
<div class="razorpay-form visible-xs">
<form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
</div>

<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
Expand Down