Lay Theme Forum

thanks..
added
display:inline-block; in "body > nav.laynav.primary > ul {"
was the fix
regards, W

Recently updated wordpress and Laytheme and my menu is stretched after update.
Please help. www.williameadon.com
I have some custom CSS that has been affected, but not sure how to fix.
Original menu at top right corner should look like this...

instead looks how it does now...

Here is a copy of the custom CSS that i am using in wordpress for the menu pre update.

Thanks in advance for your help!
William

@media (min-width: 601px) {
#laytheme #main-region #grid {
padding-top: 145px;
}
}

/*
don't show the William Eadon extra text on mobile
*/
@media (max-width: 600px) {
.sitetitle-txt-inner {
display: none;
}
}

body > nav.laynav.primary > ul {
overflow:hidden;
max-width: 300px;
}
/*
below affects menu nav sizing and rows of menu
*/
body > nav.laynav.primary > ul > li {
width: 50%;
line-height: 1.65em;
float:left;
margin: 0;
display:inline;
}

/* menu colors */

/* Diary */
nav.primary .menu-item-27 a {
color: #ce0000;
}

/* Diary hover */
nav.primary .menu-item-27 a:hover {
color: #a6a6a6;
}

/* EDP */
nav.primary .menu-item-28 a {
color: #ff630a;
}

/* EDP hover */
nav.primary .menu-item-28 a:hover {
color: #a6a6a6;
}

/* Portfolio I */
nav.primary .menu-item-29 a {
color: #e8ba01;
}

/* Portfolio I hover */
nav.primary .menu-item-29 a:hover {
color: #a6a6a6;
}

/* Portfolio II */
nav.primary .menu-item-30 a {
color: #41b200;
}

/* Portfolio II hover */
nav.primary .menu-item-30 a:hover {
color: #a6a6a6;
}

/* Contact */
nav.primary .menu-item-31 a {
color: #00a3b2;
}

/* Contact hover */
nav.primary .menu-item-31 a:hover {
color: #a6a6a6;
}

/* Archived */
nav.primary .menu-item-32 a {
color: #040ecc;
}

/* Archived hover */
nav.primary .menu-item-32 a:hover {
color: #a6a6a6;
}

/* Social */
nav.primary .menu-item-33 a {
color: #7001a3;
}

/* Social hover */
nav.primary .menu-item-33 a:hover {
color: #a6a6a6;
}

/* ABOUT */
nav.primary .menu-item-34 a {
color: #f756a4;
}

/* ABOUT hover */
nav.primary .menu-item-34 a:hover {
color: #a6a6a6;
}

@arminunruh
Ok, I started with plug in deactivation and found that WP Rocket was causing the issue.
I re-enabled it and found that clearing the cache on this plug in was able to remedy the issue while the plug in was enabled.
I'll keep an eye on this to see if this persists.
If you have any insights on this, what settings with this plug in are preferred etc. Please advise.
This looks like it solves it for now.
Appreciate you.
W

I noticed a couple or warnings for missing security headers recently and was looking into solving. Maybe it's connected? Armin?
Missing headers:
Upgrade Insecure Requests
Permissions-Policy

Hi, I noticed that lightbox is not working on my macbook pro and iphone 13plus. Working fine on desktop. Please advise. TY
Maybe it's a Chrome issue? Was working in the past.. This is the browser i use.
Website: williameadon.com
MacBook Pro: Chrome, Monterey 12.5.1, (15" 2016)

@Richard Thanks! Yes, i've updated and checked again. Problems seem to have been resolved. Thank you. I'll keep my eye on this and circle back if I see the problem recurring. I'll also be sure to find the latest updates first. Thank you! William

@Richard Actually, on second thought.. after clearing cache and doing a hard reload I am still experiencing the same problem even after the update, so I think Armin should still have a look under the hood. Regards, William

Hmmmm. Thanks Richard. 4.0.7 must have just come out. I had just updated. Looks like that cleared things up? Thanks!

I've noticed while testing my site www.williameadon.com that when clicking on lightbox in the middle of browsing site to view an image more closely, once I X out of lightbox to return to main page it crashes the continued loading of site unless refreshed and started from beginning.
Please advise,
William

I have an image heavy website. I am in the process of adding another page, but i'd like that page to have it's own media library apart from my front page which already contains over 200 images. For my own sanity i'd like to separate the libraries from these two pages so that I can be better organized. I will be updating both pages continuously so images overlapping in one library will be quite confusing as I continue to add. I could not find and option to create a second library. Is there such a thing?
regards,
William
www.williameadon.com

Yes, I had followed his instructions and done the unchecking on my own browser unwittingly. My bad. It wasn't until the interval between messages that I realized it was only working for me. I then recruited a friend to go over it on the phone with me separately on their browser while I unchecked plug-ins and that worked. I did not understand that I would not be able to see changes on my browser? Still not sure as I am not a web designer. Is there an easier way to check this on my own in the future?
W

Also i found this lightbox option nice where you are able to escape out of lightbox and back into main by scrolling down..
https://aaronwojack.com/Scribe-Winery

Hi Armin,
Yes I got it working before you checked.. I had some time to sit with a friend over the phone while he refreshed his browser as i ticked off/on plugins..
The problem was that i was not able to see errors in my own site bc i am looking at it on my browser? dunno.. but i was not able to see anything that was happening.
The problem seemed to be solved by unticking an option I had set on a newly installed plugin "WP Rocket" - under File optimization > "Load Javascript deferred". Turning off this feature was able to solve the problem.. For anyone that encounters this problem in the future.

Not sure about these pictures not loading.. I am not seeing that on my end..

I had couple of question as well..
Is there any way to increase the threshold for lazyload on Laytheme so that pictures start to load earlier? I'm thinking that could enhance the perceived load time of my site.

I am also wondering if more refinements will be added to lightbox or perhaps already have? Most curious about being able to control distance "between" image in lightbox.. make them closer together? Here is an example..
https://www.justinwalker.com/Cannabis/8

Thanks for you help
Regards, William

@Richard-K
I have also noticed the "return to top" button on Safari is not working as well. I have no way to test it for chrome, because everything is working fine for me on my computer. I'd have to get to anther computer to do so. Please advise,
W

Cool,
I also just had a zoom with my photo agency and other people on there checked out the site and reported that the lightbox is not working on their browsers either. Worrisome to me.. They were all using Chrome. However, I am also using Chrome and it has always worked fine for me.. Albeit an older version of Mac OS here.. Hi Sierra 10.13.6 for me.. but they were reporting various versions.. Out of 5 people on the zoom, mine was the only one Lightbox worked. So, it's very strange to me.. I have never had any problems with it on my Chrome. Please advise

Yes, the site is www.williameadon.com
It's working fine in Chrome, so i would assume safari should run well. Just happened to open it in safari and found it was not working.
Yes, everything is up to date.

Hi,
I noticed that laytheme lightbox is not working in safari.
Please advise,
William

Hi Richard,
Yes, I have implemented those things. My question was of a different nature. I wondered if there was a way to split upload of images by size into this theme or if this is done automatically.
Regards,
W

I am wondering if there is a way to speed up my site https://williameadon.com/

My thoughts are that i am using fairly large images so that when the carousel is running I would want the images to appear at full res on a large screen.

I am wondering if lay theme could be improved with WP to render a smaller sized version of the uploaded image on the index page for faster loading?

Is this already happening? Is there another problem that may be occurring that is causing slow load time?

Thanks

Great, got it thanks!