Lay Theme Forum

Oh great! Is this something like “replace” or change something in the theme files or in the child-theme?

I know, it’s a special request but maybe it’s a simple solution :)

Hi there,

I use the latest LAY Version.

Is there any chance to change the burger icon into text? For example MENU and CLOSE instead of the burger?

.burger:before
{ content:”MENU”;}

Thank you.

Great, thank you! Yes, everything is right (HREF, data-id ...). I've send you a chat message with the development link.

Great, thank you Marius!

Thank you Marius. Yes tried different Custom HTML Fields. Desktop works fine in all fields. I've send you a chat message with development link.

Hi there,

just tried to add links via „Custom HTML“ (a fixed position of a link). Is there a solution to add this fade effect / smooth transition? Any hint if I could add the links to the frontend, index oder header file for a smooth transition?

Here my code:

<a href="https://domain.tld/page/" data-type="page" data-id="122" data-title="Homepage">Link to Page</a>

Thank you!

Hi there,

is there a solution to activate lightbox on mobile devices?

It works only when I set „Phone Breakpoint“ from "600“ to "0" and disable phone version.

Thank you!

Hi there,

I've tried this code to change text based on current row-background and it works for desktop perfect.

But not on mobile. Can I put the code elsewhere for mobile?

For testing: I've tried to set Phone Breakpoint to „0“ and it works but not with setting "600“. Is there any easy solution for this?

var offset = 50;
var $blackRows;
var $nav;

Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){
    $blackRows = jQuery(".blackrow");
    $nav = jQuery("nav");
    $nav.removeClass("white");
});

jQuery(document).on("scroll", function(){
    $blackRows.each(function(){
        var rect = this.getBoundingClientRect();
        if(rect.top - offset < 0 && rect.bottom - offset > 0){
            $nav.addClass("white");
            return false;
        }else{
            $nav.removeClass("white");
        }
    });
});

Source: http://laythemeforum.com:4567/topic/699/change-link-color-on-fixed-nav-based-on-current-row-background

Thanks!

Hi there,

I use the Fullscreen Slider Addon. Slide on Page Click is on desktop available.

Mobile is only a „slide“ function possible. Is this a bug? Or is this the right function?

I'm looking for a mobile (and tablet) solution to „Slide on Page Click“. Would this be possible?

Thank you!

Hi there,

if I use the „Slide on Page Click“ function in combination with a video (not background), it's not possible to slide to the next page.

Maybe any hack available?

Thank you!

@mariusjopen Thank you!

Hi there,

is it possible, to jump directly to a „row“ in the fullscreen slider?

For example http://domain.tld/row19?

Thank you!

Amazing! Would this be possibe with „Fullscreen Slider“ too?

1. No problem, just fixed it ;)
2. Yes, this would be very cool!

Thank you Armin!

Hi Armin,

first of all – thank you for the great update!

I've 2 questions:

1. When I updated, all settings in „customize“ are reseted (site title size ...). Is there a solution for next updates to keep it saved?

2. The page transitions doesn't feel so smooth as in 2.0.6. anymore (also if change the transition duration to 1,5 or 2sec). It feels like a missing delay?

Thank you!

Looking for a solution to change color of SVG logo on different pages.

Example:

PAGE 1

.sitetitle img svg
{
fill: #green;
}

PAGE 2

.id-123 .sitetitle img svg
{
fill: #red;
}

Is this possible?

Hi Armin,

I've read your documentation about http://laytheme.com/documentation.html#css-based-on-current-page CSS based on current page.

It works fine with site title text logo. Is there any solution for SVG logos as well? Maybe you know a solution?

Thank you!

Hi there,

I would like to add html for the Shopify Buy Botton (https://www.shopify.com/buy-button

Here is the code, but I can't use it with laytheme (other templates work). Any idea?

Thank you!

<div data-embed_type="product" data-shop="embeds.myshopify.com" data-product_name="YELLOW WATCHES" data-product_handle="yello-w" data-has_image="true" data-display_size="compact" data-redirect_to="checkout" data-buy_button_text="Buy now" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-button_background_color="30373b" data-button_text_color="ffffff" data-background_color="f1f1e9" data-product_modal="false" data-product_title_color="000000" data-next_page_button_text="Next page"></div> <script type="text/javascript"> document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"></script>'); </script> <noscript><a href="https://embeds.myshopify.com/cart/8829753283:1" target="_blank">Buy YELLOW WATCHES</a></noscript>

Hi,

I would like to track outbound links with Google Analytics.

Is there a way to set links on images like this?

////////////////

<a href="http://outgoinglink.com" onclick="ga('send','event','Outgoing Links','outgoinglink.com')" target="_blank">Link Text</a>

////////////////

Source: https://www.axllent.org/docs/view/track-outbound-links-with-analytics-js/

I've already tried to install https://wordpress.org/plugins/google-analytics-for-wordpress/ but this plugin don't work with Lay Theme (but work with other plugins).

Thank you!

Great!!!