I have created a paypal button using the JavaScript code as stated here and have also used the paypal mini cart.
The cart works fine, but there is one problem. The cart hides behind my navbar when you scroll to the top of the page, when you are lower down, it works fine. I am using twitter bootstrap and a template. I'm not sure if its the bootstrap, or something I did with the buttons.
Thanks in advance,
Dan
my first guess would be to check your if your navbar has z-index, its actualy hard to tell without code sample
Related
Important: Please read until the end !!!
Hey. I'm building a responsive single-page. There is a Bootstrap navbar on top with some anchor links.
What I look for: When it's in the mobile view with the "hamburger", and the user clicks on the hamburger so the anchors show up, and he clicks on one of the anchor links, it's scrolling great, but the menu does not close automatically. It stays open until you manually close it again by clicking on the hamburger.
I already found a solution, but it has a problem!
This code solved the problem great so far (function-wise), but has a visual bug:
$('.nav a').on('click', function(){$(".navbar-toggle").click() //bootstrap 3.x});
The Problem: It affects the site visually negative in non-mobile, desktop mode. All the words in the navbar like "About Me", "Contact" etc. disappear like wiped out, just for a half second, and then are back in. So everything works, but it's not looking nice. Is there a code fix to make this solve? I'm a total beginner, thats the problem in this case I dont know a lot about it yet and dont understand JS, just copied the code. Thanks in advance!!!
Try this:
JS
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') ) {
$(this).collapse('hide');
}
});
I created this testpage with Bootstrap which is working perfectly. When resizing to smartphone format, the result block (visible when all radio buttons are entered) is correctly aligned BELOW the other container. On a normal screen, it is displayed next to it.
Now, when I insert the same code inside a Wordpress post the realignment for mobile phone does not work anymore. I have been hacking the theme and looking at the generated html source code of the page, but I cannot understand why it is not working correctly. It has to be something inside the header of the page, but what is not clear to me.
Any suggestions?
I am having an issue with integrating Code Mirror into a Bootstrap tab.
The problem is that because the Bootstrap tab is not set to active, code mirror will only display the content if the user clicks on it.
I have thoroughly searched a solution for the problem but have not found anything that works (possibly due to my knowledge about JavaScript not being very good). I have tried things like telling codemirror to refresh, but it doesn't solve the problem.
Calling .refresh() on the editor is what is needed here. You just have to make sure you do it after the editor actually becomes visible. I am not sure how to do this with Bootstrap tabs, but I'm sure there is some way to listen to tab change events.
This is the site I'm currently working on.
http://www.mackeyshotrods.com/store/
When the browser window is resized to 820px a drop down menu appears in the right hand corner of the site. The drop down menu works great on every page except for the check out page. I cant seem to figure it out why the drop down menu isn't working on an HTTPS page. It has to be a JavaScript error of some sort.
To find the page I'm struggling with add a product to the cart and navigate to the checkout page.
http://www.mackeyshotrods.com/store/?product_cat=clothing
Thank you for your help. i hope someone is smart enough to figure this out.
Try changing your jQuery path from:
http://code.jquery.com/jquery-1.11.0.min.js
To:
//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
Good explanation of why your jQuery might be getting blocked here:
https://stackoverflow.com/a/1056635/2040509
I am working on the jquery mobile app and i use many pages for it.I move to next page and come back to some page then click is not working perfectly as first time i go to the same page click event working smoothly .so please help me.
I am not very sure if this works.May be this is happening due to rough page transitions. Try turning off all the page transitions of jquery mobile.As it is not very smooth with page transition.
Add this attribute to your anchor tags where you need to navigate. page-transition="none"
Also try the backface-visibility:none; in css.as given in this link
Update:
Disabling the ajax may help.
Add data-ajax="false" to your the <div> of page.