Lay Theme Forum

Hi @arminunruh , are there any news on that topic (filter for woocommerce products)?

Best,
David

Ok I found it out myself, sorry… 
But for anyone else having this problem: It was the plugin "WP fastest cache", I had to delete cache and mimized CSS (both!), now it works on all browsers and iPhone.

I installed the overlay burger menu, but it only works flawlessly on Firefox (neweset version, Macos).

On Chrome, Safari and on my iPhone the Overlay burger isn't positioned floating on the top right, but it gets displayed at the end of the page content. Strangely on one of the pages it works correctly (https://tonhalle.at/kurse/), but on all the other ones it doesn't.

I have to say that there are two overlays on this site, but they both don't work where they should.

Could you please help me @arminunruh ? Thanks a lot!

Attached:
first image: how it should look (and how it does on Firefox):

second image: how it looks on Chrome, Safari and iPhone:

Cool, thanks! Let me know if this is implemented some day :-)

There is a page for each category, e.g. www.mywebsite.com/category/mycategory/

When I open the tags in the backend, there is no possibility to create such a page for each tag. Did I miss something, or is there a reason why it doesn't exist?

Other than that, it would be nice to be able to use an URL for the filtered state.
For example, if my projects are on www.mywebsite.com/projects/ it would be nice to be able to link to something like www.mywebsite.com/projects/?tags=tagone,tagtwo, then showing the page with those tag filters active. Can I create this on my own, @arminunruh, do you have any tips?

Thanks!

It works with the plugin Taxopress. There is an option for "Terms for Current Post", where you can get a shortcode, which you can put in every project. For me the Shortcode is [taxopress_postterms id="1"].

Thanks for your reply! You can find it here: https://coraliespatig.ch/startseite-test/

It happens on Android with Chrome. iPhone/Safari is fine.

I have a background image with 50vh on Mobile, and a text layer on top, which is vertically centerd.
It looks great, but only on some Android phones with Chrome, the text isn't centered, its placed on the top. If I reload the page, its correct. Could that be a bug in the theme? Or do I need to change something? Thanks for your help!

Screenshot 1: text is wrong (too high)
Screenshot 2: text is correct, if I reload the page
Screenshot 3: view of the page in the backend

@arminunruh that works, thank you!

@arminunruh Thank you, yes I know this function. It works if the image and the text have 50% of the width. But often the Text should be wider or vice versa.
And there is a drawback with "set right/left row image background": it doesn't sync with the mobile view, there you have to separately insert an image. If someday I change the background image, I will for sure forget to change it in the mobile version :-)

@arminunruh @v1ncent Thanks for your work! For me it works, if I don't have entered any "space above" and "space below" the text.

This is the Javascript:

<script>
window.laytheme.on("newpageshown", function(){
    var TextElement = jQuery('#textelement');
    jQuery('#kachelbild img').css({ height: TextElement.height() });
    console.log(TextElement.height());
});
</script>

This is the CSS:

#kachelbild img {
  object-fit: cover;
}

#kachelbild {
display:flex;
flex-direction:column;
height:100%;
overflow-wrap: normal;
}

#kachelbild .ph {
  padding-bottom: 0px !important;
}

The element with the text has the id #textelement, the image has the id #kachelbild.
Is there a way to add the value of "space above" and "space below" to the height in the Javascript? I use 5% space above and also 5% space below the text (which is 10% of the viewport).

In the screenshot you can see that the two red lines (added) are the same height as the green line.

@arminunruh Ok thanks I saw that. But as you mentioned, it will cause the mobile version to show up, which is not what I want. Anyway, I will try further…

Hi!
Is there a simple way to change the break point between mobile and desktop navigation? I want the mobile navigation to stay visible until 1080px, and the desktop should be visible from 1081px up. (because otherwise the navigation is overlapping with the logo)

with the desktop navi it works:
@media (max-width: 1081px) {
.desktop-nav {
display: none !important;
}
}

but if I leave mobile visible longer than 600px, it looks completely messed up:
@media (min-width: 600px) {
nav.mobile-nav {
display: inherit;
}
}

It would be great to have a) some help for this with CSS, or even better b) a setting in the Admin panel where I can define the point. That would be awesome!

Cheers, dabu

@arminunruh thanks for your response. ok, i’ll use the font-family dropdown to make a word bold. a character textformat doesn't really help, because there the font-size is fixed (and it takes more clicks than choosing the correct font-family).

cheers

Hi Armin!

I have two woff2 files installed, one for Regular and one for Bold. Works fine on the frontend. The Bold-button in the text-editor works for the frontend, with this custom CSS:

strong {
font-family: myFontname-Bold;
}

But in the backend text editor, the bold font doesn't show up. I can't see if bold is active or not (only by clicking on a certain word and then checking if the bold-button is active).
Where can I define the myFontname-Bold as <strong> for the backend editor?

Cheers, dabu

edit: if the Bold is applicated within a text format, it works also in the backend. But it doesn't when I manually format a word with the bold button (which I need).

@arminunruh cool!

@arminunruh aaah I see. Ok, so it would be very nice to be able to keep this order in the Thumbnail Grid! Because, why would I want them to be different? Now, when I want them to be the same, I have to do the ordering manually twice (and again for every category separately, so even more times!).

Would be nice like this:
X Random Thumbnail Order
X always sort by date
X Custom order
X Manual Order from Project Overview

@arminunruh Thanks, I understood that. But why is it possible to manually order the projects in the "all projects" section of the backend? it would be nice if this order could be reflected on the frontend! Otherwise it has no use at all.

It is possible to change the order of the projects in the backend ("All Projects") manually. But this doesn't reflect on the Website in Thumbnail Grid. There you only can sort by date or manually. So I have to change the order always several times: once in the "all projects" overview and then again for every category! Why can't I sort all the categorys in "Thumbnail Grid" the same way they are ordered in "all projects"? That would be very helpful!

I know it is possible to order Thumbnail Grids by date, but then I have to manually change the dates which is very annoying because I have to check the dates of the other projects and then enter a date which is between two other dates, to put it exactly there…

Could you add a third check in the "Edit project thumbnail grid"?
X Random Thumbnail Order
X Always Sort by Date
X Manual Order from Project Overview

I would love to hear from you! Otherwise your theme is superb!!
Cheers, Dabu