<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Carousel &quot;X&quot;]]></title><description><![CDATA[<p dir="auto"><a href="http://www.marcal.net" target="_blank" rel="noopener noreferrer nofollow ugc">www.marcal.net</a></p>
<p dir="auto">Tested on:<br />
Firefox 154.0.1<br />
Safari 26.6<br />
Brave 1.93.138 (Chromium: 151.0.7922.173)</p>
<p dir="auto">HOMEPAGE</p>
<p dir="auto">My portfolio website relies heavily on carousels. The home page has a full-screen carousel at the top. The first issue is that the close "X " icon appears on the right side of the "About" menu:<br />
<a href="http://www.marcal.net" target="_blank" rel="noopener noreferrer nofollow ugc">www.marcal.net</a></p>
<p dir="auto">When scrolling down to see the other project carousels, the top "X" icon disappears.</p>
<p dir="auto">My first question is whether it would be possible to disable the "X" icon when loading the homepage. Same issue in mobile browsers / iPhone.</p>
<p dir="auto">PROJECT CAROUSELS</p>
<p dir="auto">Another topic is, for example, when I click on any of the home page carousels below, it loads the project with the option to close the project by clicking the "X" icon at the top again. This is good, as closing the project makes the homepage visible again.</p>
<p dir="auto"><a href="https://www.marcal.net/mix-interiors-editorial/" target="_blank" rel="noopener noreferrer nofollow ugc">https://www.marcal.net/mix-interiors-editorial/</a></p>
<p dir="auto">The issue is whether it would be possible to have the "X" icon aligned vertically with the menu "Index  About  X".</p>
<p dir="auto">The issue is worse on mobile, where the "X" icon is placed disaligned over the "About" (tested in iPhone Pro 15). (Screenshot attached below)</p>
<p dir="auto">Moreover if there are other option to place the "X" icon in other places, for example, leave the menu only to "Index   About" and then place the "X" icon right below.</p>
<p dir="auto">NEGATIVE CONTRAST</p>
<p dir="auto">Last question related to the "X" icon, and for extension the whole website logo, menu and "X" icon.</p>
<p dir="auto">Some projects on my website have a white background, others have a black background, and others have a colour background. The issue is that when any project has a black background, the website logo, menu, and "X" icon logically disappear, only to become visible when an image scrolls down underneath. (Screenshot attached below)</p>
<p dir="auto">Black background example:<br />
<a href="https://www.marcal.net/mix-interiors-editorial/" target="_blank" rel="noopener noreferrer nofollow ugc">https://www.marcal.net/mix-interiors-editorial/</a></p>
<p dir="auto">White background example:<br />
<a href="https://www.marcal.net/artwork-catalogue/" target="_blank" rel="noopener noreferrer nofollow ugc">https://www.marcal.net/artwork-catalogue/</a></p>
<p dir="auto">My last question is: is there any way for mainly the "X" icon, and if possible, for the website logo and the menu to have a negative overlay effect, so that it is always in the negative colour of anything it has underneath.</p>
<p dir="auto">Many thanks,</p>
<p dir="auto">Marçal</p>
<p dir="auto"><img src="/assets/uploads/files/1787745734294-marcal.net-home-screenshot-resized.jpg" alt="Marcal.net - Home Screenshot.jpg" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1787745743377-marcal.net-iphone-screenshot.jpg" alt="Marcal.net - Iphone screenshot.jpg" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1787745749889-marcal.net-black-background-screenshot-resized.jpg" alt="Marcal.net - Black Background Screenshot.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://laythemeforum.com/topic/12054/carousel-x</link><generator>RSS for Node</generator><lastBuildDate>Thu, 27 Aug 2026 06:45:44 GMT</lastBuildDate><atom:link href="https://laythemeforum.com/topic/12054.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 26 Aug 2026 12:03:10 GMT</pubDate><ttl>60</ttl></channel></rss>