Hi @mariusjopen
I have tried just a normal link however I have the same problem where it will show it is a link, however when you click on it, it does nothing and I get errors in inspector. I'm presuming this is because they are within the accordion?
The below image is the error I'm getting if its any help?
Cheers
Chris
Hi Guys,
Just a quick question regarding adding a second link click using Jquery. As I recently found out that onclick="open('link')" does not work in IE or Microsoft Edge, I am trying to replicate this using Jquery. The onclick option works perfect on everything else however I ideally need this to work across all browsers.
My issue is that this link sits within an accordion and so when the accordion is activated, the link within it is showing up when you hover over it however when you click on it, it just does not load and produces an error in inspector.
The link is here - the example is on the first drop down and the second 'book now' link.
My CSS for the 'book now' link is:
jQuery(document).on("click", ".book", function(e) {
e.preventDefault();
var id = jQuery(this).attr('href');
});
And the HTML for the 'book now' link is
<a href="https://www.onetournament.uk/booking-form" class="book">Book now</a>
As always any help would be massively appreciated.
Cheers
Chris
Update
By replacing
#main-region .push-0:first-child {
margin-left: 5vw;
and adding to my custom CSS:
#main-region .push-0:first-child {
margin-left: 5% !important;
It seemed to have fixed the issue.
Had to repeat this for the footer as well.
Hi guys,
As always, awesome job with Lay Theme!
I updated a site I am working on and now when the page is any larger than 1200px wide (my max width size) it seems to add a margin to the left and pushes all content over.
The screenshot below demonstrates it clearer and you can also see in the little diagram in the inspector the margin I believe is causing the problem. I do have a 5% margin set in gridder on both the left and right side but as you can see from the image it's almost like the whole content is too far over to the right!
Any idea why/where this problem is coming from? The issue seems to be on all browsers and the site is here (www.onetournament.uk)
Cheers
Chris
Hey guys,
Thank you so much for all your help on this forum. Its been such a lifesaver!
I have recently come across the issue that i cannot for the life of me get this link to embed into the site
<script type="text/javascript" src="http://uk.bookingbug.com/widget/all.js?id=ukw3740439&width=730&height=570&style=large"></script>
I paste it into the 'more > HTML' but nothing appears. Im not sure if it uses JQuery to run which would explain it - maybe someone can clarify for me. I tried using bookingbugs shortcode link
[bookingbug id='ukw3740439' style='large']
but that seems to not work either.
Any suggestions what it might be would be amazing!
Cheers
Chris
Hey Armin and Marius
Thank you for sorting this! I believe it is all fixed and working properly now!
Awesome job!!!
Cheers
Chris
Hey Marius,
Sorry for the delay getting back to you,
So please find the two screenshots of my site. One shows when it says its not secure - which is when you visit the site for the first time or if you open the site in a private window. The second image shows how it should look and how it does once you have refreshed the page.
My problem is that it should be showing the page as secure every time you visit. Like I said above, I had a simular issue with the custom font and I had to add a bit of code to the htaccess file in order to fix it. Im wondering if its something like that to fix this issue?
Look forward to hearing from you soon,
Regards
Chris
Hey guys,
Just a quick question. I am running Laytheme on a site with HTTPS secure certificate so I can use paypal with it. My problem is that on the first time you visit the site, it says the site in not secure. Once you refresh its fine and states its secure.
There was this thread about the same issue just with loading fonts and I had to add the code to my htaccess file to get my custom fonts to load.
Site is here
Im presuming its some code that needs adding to the htaccess like with the font loading issue but I have no idea what it would be.
Kind regards
Chris
Hi Guys,
Are you able to confirm if Ninja forms works with laytheme using the shortcode function.
It states on the documentation section of laytheme website "If you need a Contact Form on your website I suggest the free Ninja Forms. Any contact form you create with Ninja Forms can be added to your layout with a shortcode."
However there are a couple of threads on the forum that say its not compatible.
I have tried installing the plugin but am just getting a white screen in the preview and on my site.
Any help would be massively appreciated
Cheers
Chris
Thank you for checking this for me, - look forward to hearing the result
Kind regards
Chris
Hi Guys,
Sorry to ask such a stupid question but needed to know,
I was just wondering if Laytheme works just as well for wordpress.com as it does for wordpress.org
Im updating a site but they are currently using wordpress.com (they pay a monthly payment and they get the URL and storage all included with wordpress)
However, when using laytheme before, I have used wordpress.org and set up my hosting and URL separately.
I just wanted to know if this theme works fine with both or if there are any limitations people have found with wordpress.com?
Cheers
Chris
UPDATE:
Firgured it out guys!
My Javascript ended up looking like the below
<script>
// display the first div by default.
jQuery("#accordion div").first().css('display', 'none');
// Get all the links.
var link = jQuery("#accordion a");
// On clicking of the links do something.
jQuery(document).on("click",".accordion a", function(e) {
e.preventDefault();
var id = jQuery(this).attr('href');
jQuery(id).slideToggle();
});
</script>
Thanks for all the help !
Cheers
Chris
@clineker said in Custom Javascript question:
<div class="panel">
Hi @mariusjopen Marius,
Thank you for your quick reply!
I am only just getting into using JQuery and so am a little confused as to where I am inserting JQuerys "on" function.
I currently have in my Javascript as:
<script>
window.laytheme.on("newpageshown", function(){
// display the first div by default.
$jQuery("#accordion div").first().css('display', 'block');
// Get all the links.
var link = jQuery("#accordion a");
// On clicking of the links do something.
link.on('click', function(e) {
e.preventDefault();
var a = jQuery(this).attr("href");
jQuery(a).slideDown('fast');
//jQuery(a).slideToggle('fast');
jQuery("#accordion div").not(a).slideUp('fast');
});
</script>
Taken from the above link and replacing the dollar sign with JQuery.
If you could help me, I would be massively appreciated.
The page im trying to get it to work on is
www.chrislineker.space/test
Hope to hear form you soon
Chris
Hi there,
I have read the other threads about adding an accordion with custom script but they still don't seem to help my problem.
I am trying to add this Accordion to my site
https://www.w3schools.com/howto/howto_js_accordion.asp
I currently have:
In the project and under +more - +HTML I have
<button class="accordion">Section 1</button>
<div class="panel">
<p>COPY INSIDE TAB</p>
</div>
Under Custom CSS for Desktop Version
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.panel {
padding: 0 18px;
display: none;
background-color: white;
And finally in my Custom <head> content
<script>
window.laytheme.on("newpageshown", function(){
}
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
/* Toggle between hiding and showing the active panel */
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
Would you be able to let me know what I am doing wrong? The panel is appearing fine - its the Javascript thats not working.
Regards
Chris
Hi there,
I know a couple people have touched on the subject of side menus but I wondered if there a way to get a menu like the one on this site?
If it's a matter of Custom HTML then would anyone know a site where I could find some help doing this?
Thanks,
Chris