Save
Saving
  • M
    mrrpringle

    Hi,

    I've recently designed a website using Laytheme under a .net domain, then swapped the domain with a .com once I finished to site so my client would have no downtime.

    Furthermore, I did not want to use Laytheme's menu system so I've built a custom "menu" in the gridder and used it as a footer, then had someone write some custom CSS/JQuery to force the footer to act as a header, therefore acting as a menu. This was suggested by Marius (in his defense as a "dirty" solution...) and it works great on my machines (desktop/phone), but the menu seems to disappear on my client's Firefox browser.

    Here is the code:

    <script>
    window.laytheme.on("newpage", function (layoutObj, type, obj) {
    if (type == 'page') {
    if (obj.slug == 'home' || obj.slug == 'contact' obj.slug == 'paintings' obj.slug == 'drawings' obj.slug == 'monoprints' obj.slug == 'about')
    {
    jQuery('#intro-region').before(jQuery('#footer-region'));
    }
    }
    });
    </script>

    I've also tried the same code without the if (type == 'page') {...

    Any idea what's happening? Thank you!

    posted in Bug Reports read more
  • M
    mrrpringle

    Hi Marius,

    I built a custom menu in gridder and assigned as the header and forced the header to the top of the page. You can see this here: roscross.com

    Everything works fine, but randomly on some machines the quasi-menu disappears. Any idea what might be causing this?

    Thank you!

    posted in General Discussion read more
  • M
    mrrpringle

    update: resolved!

    use:
    background: none !important;

    Cheers!

    posted in General Discussion read more
  • M
    mrrpringle

    Hi Marius,

    Curious how I can just get rid of the white background on my footer. I tried opacity, but that just makes everything either very light or disappear.

    Would like to use css to have a transparent background of my footer but have the typography remain at 100% opacity.

    posted in General Discussion read more
  • M
    mrrpringle

    UPDATE:

    Able to see the footer now. Not sure why it was not showing up for 15 minutes. Any tips on where to find custom JAVASCRIPT to reposition the footer? Cheers!

    posted in Bug Reports read more
  • M
    mrrpringle

    Hi Marius,

    Thanks for this. I've turned on "Footer for pages" and selected the page which I would like to use as a footer but nothing shows up. I'm unable to see any kind of footer.

    Here is a screenshot of the menu I'm try to have fixed to the top of every page:

    0_1539794972186_Screen Shot 2018-10-16 at 9.17.48 PM.png

    I was able to build the menu out in the gridder here:
    roscross.net/about

    All I need to do is have the top text elements within the lines fixed to the top but when I give them a custom class/ID and then go into CSS and add:

    .class {
    position:fixed;
    }

    They all snap to the left and start to overlap with one another. Ugh!

    posted in Bug Reports read more
  • M
    mrrpringle

    @mariusjopen said in Text position: fixed in Gridder:

    Hi Ruven,
    you can put the selfmade navigation in the Header. Then you need to give it a position fixed. That should do the job.
    I saw that you created the navigation in the Gridder. Maybe just write is as a code in the header is more simple.
    You know how to do that?
    Best!
    Marius

    Hi Marius,

    I'm trying to achieve this too for a client right now. I'm able to copy and paste the source code, but how could I create a custom header menu in the header and still use my 16 grid to space elements out?

    posted in Bug Reports read more
  • M
    mrrpringle

    Hello,

    I've just purchased Laytheme for a client using her email and she has complained to me about receiving spam emails offering web design services nonstop for the past 48 hours. Is her email leaking onto a list because I've used it in association with Laytheme? She has never had this problem before... Any suggestions on how to remove her email if this is the case?

    posted in Installation Problems read more
  • M
    mrrpringle

    Hello,

    I've recently discovered the accordion feature and would love to implement this on my website as a button to hide/reveal information about my projects.

    I found a very minimal accordion solution on Codepen that I like: https://codepen.io/xengravity/pen/NPYzLY

    Now I'm trying to insert this code into my Laytheme website.

    I've copied the CSS in 'Custom CSS':

    #accordion li{list-style: none;}
    #accordion p{display:none;}
    #accordion .active{
    display:block;
    background:yellow;
    }

    And the Javascript in 'Custom <head> content':

    <script>
    $('#accordion li').click(function(){
    //hide inactive panels
    $(this).siblings().removeClass('active').children().removeClass('active');

    //display active panel
    $(this).addClass('active').children().addClass('active');
    

    })
    <script>

    I then copied the html and created a +HTML window on a specific page of my site and copied the HTML:

    <div id="accordion">
    <ul>
    <li class="active">Description
    <p class="active">bodyText</p></li>
    </ul>
    </div>

    But it's not working. I then copied the HTML in 'Custom <head> content' and was able to draw the accordion at the top of my screen, but there was no animation.

    What am I doing wrong here? How can I target this simple accordion in a specific page of my website? Feel like I am very close... Thank you for any and all feedback. I hope others who are new to coding will find this useful.

    posted in General Discussion read more
  • M
    mrrpringle

    Cheers Marius! I'll look into it. Thank you.

    posted in General Discussion read more