jmpl123

Ok. I wonder if I can go directly to clearpay. Maybe they can help me directly if this is a stripe API problem.

Only Afterpay shows that it needs to be in CAD. Affirm and Klarna?don’t say that it needs to be in CAD if the store is in Canada. How can I get those to work?

I don’t want to switch to CAD. Is there another way to make this work?

I am located in Canada, but my store uses USD. It’s never been a problem with Stripe or Paypal. How can I get Affirm and Afterpay to work. I do not want to change the currency.

I am a little confused. Is it possible to chat privately?

Hi Pavel,

I already had Combine JavaScript Files turned off and when I also turned off Defer Render-blocking JavaScript, it worked. It looks like the error is gone.

Will my site be slower now with Defer Render-blocking JavaScript turned off?

Hi Roxy,

Yes, that’s correct. The only time I was able to place an order was when was signed in. But if I tried on incognito mode or in another browser, it didn’t work. Even if the variable options were selected, I could not add the item to the cart.

Is there a way to send you the report privately?

This is how it looks now:
https://snag.gy/iwoJ8.jpg

And this is how it looks when the screen is smaller:
https://snag.gy/lc7bZ.jpg

How can I fix this? And make sure that the orange isn’t there when the screen is smaller?

Thank you so much for your help. I’ve been trying to play around with the coding. I just have a couple questions:

– how do I get rid of the orange bar when the screen is smaller, like for a cell phone?
– the menu links are positioned on the left side of the page. How do I make them more central and evenly spaced?
– the menu links in the navbar sit higher in the bar. How do I centre them?

Again, thank you so much for your help!

I’m hoping to make something simple like this:
https://snag.gy/44Rjp.jpg
I know it is just a small mockup, but I am trying to illustrate that the navbar extends across the page and behind the logo.

Currently I have:

.navbar.notresp .nav > li > a {
border:             1px solid #F28233;       /* Add a border */
border-radius:      1px 1px 1px 1px;        /* No Rounded corners */
color:              white;                  /* White text */
background-color:   #F28233;                  /* Change black */
background-image:   linear-gradient(to bottom, grey, dark orange);    /* Change grey, black */
background-image:   -webkit-linear-gradient (top, grey, dark orange); /* Change grey, black */
background-repeat:  repeat-x;               /* Add shading */
}
.navbar.notresp .nav > li > a:hover {
border:             1px solid #F28233;       /* Add a border */
border-radius:      0px 0px 0px 0px;        /* No Rounded corners */
color:              white;                    /* Red Text on hover */
background-color:   #F28233;                  /* Change black */
background-image:   linear-gradient(to bottom, grey, darkorange);    /* Change grey, black */
background-image:   -webkit-linear-gradient (top, grey, darkorange); /* Change grey, black */
background-repeat:  repeat-x;               /* Add shading */
}
/* Shade the current selected menu item */
.navbar.notresp .nav > li.current-menu-item > a, .navbar.notresp .nav > li.current-menu-ancestor > a {
color:              white;                 /* Yellow Text on hover */
background-color:   black;              /* Change darkgreen */
background-image:   linear-gradient(to bottom, darkorange, grey);    /* Change darkgreen, #9DB67E Light Green */
background-image:   -webkit-linear-gradient (top, darkorange, grey); /* Change darkgreen, #9DB67E Light Green */
}

/* Variable number of floating elements */
.navbar-wrapper .navbar.notresp .nav        {
float:              none;
width:              767px;
max-width:          767px;
text-align:         center;
}

/* Select one of the margin statements below */
.navbar.notresp navbar-inner {
margin:             20px 6px 6px 20px;      /* Move down 20px, right 20px */
}

.navbar .nav > li > a, .dropdown-menu > li > a, .dropdown-submenu > li > a {
text-shadow:        none;                   /* Remove text shadow */
}
.navbar .nav > li > a:first-letter {
font-size:          18px;                   /* Change [17]px first letter */
/* If default is 1em/100%, try adjusting using 1.2em/120% or 0.8em/80% for example */
}

/* OPTION 1/1 - HIDE NAVBAR BOX */
.navbar-wrapper .navbar.notresp .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
background:         none;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

/*change height of navbar*/
.navbar-wrapper .brand {width:100%; float:center;}
.navbar-wrapper .navbar {width:99%; float:center}
.navbar-inner { height: 250 px}

.navbar .navbar-inner
margin:     0;

What can I add to make it look more like the image above?

I have a mockup image of what I’d like to do. But I’m not sure how I can share it with you. Any suggestions?

Thanks @electricfeet! I actually visited that snippet and even posted there asking for help. I can’t seem to find information to extend a navbar across the page and behind the logo. Almost a seamless ribbon look. Any idea how I can do that?