NerdvillebyJenMaher

I use Not Linked pages for SO many things! I have a "Fun Stuff" page that contains interactive puzzles that I pull up into the Main Nav every so often just to increase dwell time and increase my site's visibility to search engines. I keep this page both enabled and visible to search engines. I have other not linked pages that I keep enabled but hide from search engines... for instance, a code and resources page that I share with the other designers on our team. Since it's enabled, they can just use the direct slug to get to it but I don't have to worry about random people finding it through search. I have other pages that I keep both disabled and hidden from search engines - these pages are for my eyes only and are usually pages where I'm experimenting with something or even my own personal resources. I even have a "Menu" page that I use to store all of the things that I like to cook at home so that I can meal plan! Hahaha! With my clients, I always out a Playground page in the Not Linked section and make it both disabled and hidden from SEO so that they can play and experiment without fear. I also always out a Training Videos page in their Not Linked pages. I hide this one from search engines but keep it enabled so that they can just add the URL slug "/training" to live site and have access to resources.

Hi @BGarcia! I'm assuming that you are on version 7.1 and using Fluid Engine? One awesome benefit of Fluid Engine is that we can layout the mobile view independently of the desktop view - making it look completely different on mobile. I love this but it can also be a pain because you will need to go into mobile view (in the upper right hand corner) and just drag all of the elements into the correct order. However, if you are on version 7.0 - or on version 7.1 and using the classic editor, there's a different fix to this issue. In this case, you are probably using separate text blocks and separate image blocks. Here's how you would fix it in this case: If you are on version 7.0, then simply click the edit each image, go to Design and click the "Card" layout option and then just type in your text. When you get to the second image, you will want to switch the image to be on the Right side (this is in the design tab for the image as well). If you are on version 7.1, I would highly recommend that you click the "Upgrade" button in the upper left hand corner of this section and upgarde it to Fluid Engine so that you can manually adjust the mobile version as I mentioned above. I hope this wasn't too confusing... if so, just let me know exactly what version you're on and I can make you a quick video overview.

@tuanphan This is awesome! Thank you for this and all of the other code snippets that you put out here for us! With this code, is it possible to reduce the tagline size when it swicthes to mobile?

Thank you @Jia! That worked perfectly!

Site URL: https://zarafinlay.squarespace.com/ Password: ZARA My client is unhappy with how large the "overlay on hover" is with her captions and would like to minimize the padding above and below the caption. I assumed/hoped that I could solve this by adjust the font itself but that did now work. I also tried tinkering with CSS that I normally use to increase the amount of padding but I could not get that to work either. If anyone has a bit of code to throw my way or an alternate soluion, I'd be super grateful!

@tuanphan Thank you so much for this code! It worked great! However, do you happen to have an extra snippet that I can add that would allow the captions to still show when the image is lightboxed?