sarahcreates

Just an update to say I have managed this with the help of another Circle member. Solution so far: I inserted a new section below the slideshow section and inputted my title and button into that section. I then used: #block-ID for title, #block-id for button {z-index:99; position:relative; top:-400px;} Then I had a row of buttons in another section below the previous header image that I needed to move up into the now empty section space. #block-id for button, #block-id for button, #block-id for button {z-index:99; position:relative; top:-90px;} The only downside is that the new section which have the z-index applied has to maintain a specific height, and not be display:none which is restrictive. It does mean that my pinky button section is now much deeper than I had wanted it to be. If anyone knows how to reduce it and still maintain the above, I'd appreciate it! Thanks Sarah

Hi all, I have played around in 7.1 for a while now, and I've taken the step to build my first client site using it. Exciting! I am using a Headline section with full width background image with overlaid text and button — standard out the box stuff. The client has requested that the background image becomes a slideshow so that there are 3 images it cycles between. Unfortunately it's not currently possible to add text and a button to the Image slideshow which would have been the easiest solution. I know that using Brine is an option but I don't want to step backwards to 7.0 at this stage. Would anyone happen to have code or could instruct me on how else I could go about this? Screenshot attached is how the current Headline section looks. The site is jos-kitchen.co.uk but currently doesn't have any of this easily accessible as it's in holding page state. Thanks in advance, Sarah

Afraid that's not me.

Thank you @tuanphan!

Hi @tuanpham Thanks for responding — I am experimenting with different solutions so have removed my links from the navigation for the time being. I am using the Brine template. It's just a simple 'page' style menu item in the main nav which is linked using the above link option under 'other'. I'll recreate again and share the link if that will help at lot? Sarah

Hi all I have searched high and low through the forums and Googled my heart out, but I cannot find a straight forward answer to what seems to be a simple query. I am using the Brine template and forcing the mobile menu to display on desktop — this was relatively straight forward by adjusting the mobile breakpoint — but standard behaviour shows pages nested within folders hidden until you click through to the folder on mobile menus. To improve the UX, I'm looking to expand the nested pages within the mobile menu WITHOUT clicking through to the next level of the mobile menu to see all nested pages. In the Wells template for example, on desktop, all nested pages are expanded automatically and this is the type of behaviour I'd like to see in the mobile menu on Brine. Can someone please help me out with some code here? I've exhausted most solutions I'm aware of. I also think this information would be valuable to the forum and other users searching for this query 🙂 Thanks Sarah

Hi all, Does anyone happen to have some CSS for targeting ONLY links within navigation (for both mobile and desktop)? By links I am meaning explicitly items in the navigation that are listed as Links from the 'Other' section of the 'Create a new page' pop up when adding a new page to the navigation. I am looking to target the styling of only those links, not pages or folders, when shown in the navigation. Ideally in a different font and/or colour. Any assistance much appreciated 🙂 (I am unable to share a link to the site for the time being, apologies) Sarah