Problems after putting website online
-
I have the following problem after putting my local site (where everything worked) online.
- My customised project page arrows, which navigate between projects, display an unwanted line inside my buttons when hovering, which I cannot get rid of. Do you have any ideas why this is happening and how I can fix it?
http://www.esmeedros.nl/beyondsurrealism/
Menu problems:
- Links to anchor points actually have a scroll animation, which works everywhere on the page. Except when I click on my menu items (w w w. etc) that are supposed to lead to the same anchors. They jump directly to the desired location, but without the scroll effect that I want and that works everywhere else. Smooth scrolling within Laytheme is enabled. I have this problem on both the desktop and mobile versions. Any ideas on how I can fix this?
- My main problem, however, is that the āw.ā for writing and my blue menu item jump to the desired anchor points, but then scroll further by a certain amount after a millisecond. The problem occurs mainly in Safari; in Chrome, the error is sometimes there and sometimes not. I would really appreciate any help/tips!
- My customised project page arrows, which navigate between projects, display an unwanted line inside my buttons when hovering, which I cannot get rid of. Do you have any ideas why this is happening and how I can fix it?
-
1.:
add this in:
lay options -> custom css & html -> custom css for desktop.no-touchdevice .pa-text:hover .pa-inner{ text-decoration-thickness: 0!important; }this line appears because of the mouseover setting in customize -> links in texts
Menu problems:
Instead of using the URLs and the hash: "http://esmeedros.nl/#writing"
could you only enter #writing
as the URL?Or just wait for the next lay theme update im releasing today.
The issue is just that your site is https://www.esmeedros.nl/
but the links are http://esmeedros.nl/
and because the www and http / https is different my anchor code didnt understand that its supposed to be on the same page. but i changed my code now to account for that -
.no-touchdevice .pa-text:hover .pa-inner {
text-decoration-thickness: 0 !important;
text-decoration: none!important;
}try this please
I also code custom websites or custom Lay features.
šæ Email me here: šæ
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options ā Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it