I started my website going with the built tools and avoiding Foundry, Blocks, Stacks, etc. since the base program alone was enough to learn when starting out. I’ve since found out that mixing those environments together with a RW theme doesn’t work as several people told me I shouldn’t do that. I would be fine with moving everything over to Stacks and Foundry now that I started to get a handle on them.
The specific problem I am having with the mobile site is with a page like this https://www.retrospect90s.life/Movies/BookReport/ where I made the page with Foundry and now the title text is covering the hamburger button. Can I fix this by moving to a Foundry navigation system like Mega Menu? I am impressed with what it does in the samples. Will it also solve the problem of the links not always working when tapping on them in the hamburger menu on my phone?
I realize that switching to Foundry also changes the type from the theme. I plan on changing all the type once I have a navigation system working again on both mobile and desktop (but I’ll save that issue for another thread.) Any help provided with getting my site working on all Foundry navigation is greatly appreciated!
You appear to be using the Mountain theme. Foundry stacks can only be used with the Foundry theme. They +cannot+ be used on +any+ other theme. That’s kind of step one of understanding how to work with Foundry.
I would suggest watching or re-watching the Foundry beginning videos and viewing the excellent documentation provided by @Elixir, who has a support forum where you might find more answers for Foundry related questions: https://elixir.support
Also download the free Foundry project files available on the Foundry site to learn how to work and configure stacks in Foundry.
With any of the frameworks (Foundry, Foundation, Platform, Source , etc) you have to use the theme that goes with the stacks that come with them. There is code in the theme that the stacks need to work.
@KipV This is a bit off topic but your website is very slow to load. The primary image is almost 12 Mb in size. Ideally you want it to be something more like 300k in size. This is true of your other pages also. If you don’t get ahold of prepping your images better the menu problem will be a minor concern.
Second, you have way too many items in your main menu (10 total) and some are very long titles. It will probably help to have fewer main menu items with more things appearing under one of the menus.
The regular menu system in Foundry will probably be fine for you: but the harder part is deciding how to organize the menu options at the top level. It certainly can be done, but it means some rearranging of things.
Yes, I am going to switch everything to the Foundry theme. Is the best way to move to Foundry to choose “Apply to all & use master style on all pages?” I didn’t notice that some of those Foundry project were free. Is it better to start over with new starting files like that or just apply the theme to all my existing pages?
I was thinking about posting in the Foundry forums but I wasn’t sure if there might have been other solutions to consider before going over there. I think about that for the rest of my questions since re-making the website is going to be a multi-step process.
Okay that is probably one of the reasons the menu isn’t working.
I couldn’t find the one that is 12MB but as I look through the image folder I see some that are 1MB - 2MB. What should the size be for the big image at the top area? Should DPI still be 72 for people on higher res monitors?
Do you know if it is a lot more work to do something like Mega Menu?
Ahh, I must have overlooked an image when I added a series of new pages in the last month. What size should those initial images be? I am considering perhaps switching to Foundry themes that don’t have the giant image area at the top. Some of the other themes may work really well and fix the page loading problem at the same time.
This week I got most of the images I could to be smaller. As I checked each page I remembered why the images on one of the pages was so large. Foundry’s gallery stack doesn’t appear to have the option to include smaller images for thumbnail view when you displaying images locally but only remotely (see picture in sidebar screen grab.) Their other stack “Pop up Gallery” does let me do this, although that isn’t the stack I need in this situation. Doesn’t it seem like both stacks should provide the option to have quick loading small thumbnails which I could add locally? The way that is set up if confusing to me.
I understand if at this point this conversation needs to get moved to the Foundry forums since Foundry is mainly what I am talking about at this point. Just started it here since I wasn’t sure if Foundry was going to be the best solution.
You do not need to supply a thumbnail. The thumbnail is generated by the stack itself using the Stacks image transforms in the Stacks API. You choose the thumbnails’ max-size here and the Gallery stack generates it:
The Gallery stack does not however change your original image size. You must size those properly before adding them to the Gallery stack.
Side note: I saw you posted a comment on a YouTube video asking a support question. YouTube comments are a bad way to get support. Here on the RapidWeaver forum, or over on the Elixir forum are the best places to post questions. YouTube is not designed to fulfill support inquiries.
That gives me a better understanding of how to use the stack. It looks like as I make the number smaller the image keeps getting more pixelated. Is there a way to make a 256 image smaller in size so that it doesn’t pixelate? Being really small isn’t such a problem since they can click on the image.
Perhaps another solution I need to look at is switching to a page that doesn’t have such a large image at top. Now that I am making the move from the built in Mountain theme to Foundry it might also look like a good time to make the page load faster as well. But maybe then it wouldn’t match with the look of the rest of the site. Might also look at updating all the pages at some point.
What size is the pixelated, thumbnail image being displayed at on the page? If it’s wider than 256px, the browser will scale the smaller, thumbnail image up and cause it to look pixelated. When deciding what size your images need to be, you need to take into account the largest size they will be displayed at on a page on any device.
When I run a preview locally it doesn’t scale down the image but makes it both pixelated and blurry. Would this change after I upload it? Do I need to resize all the images in the grid at once for them to come up at the correct size?
I should clarify the first image in the grid with the shoe was been down-scaled to 256 and the one next to it has been kept at 512. Wasn’t sure if that point was conveyed in the previous post. Sorry about that.
Do you have a link to a test publish of this page?
It’s hard to determine what’s happening without seeing the results. I still think that in your screenshot, the images are wider than 256px. In which case, you would need to choose a larger thumbnail size.
I would upload the changes I made including the smaller image size but RW just misplaced all the images right now on every page I think. Someone told me I can select “Re-publish All Files” but it seems like if it can’t find the images locally and I choose “Re-publish All Files” that the linking problem would carry over to the remote location? I guess I can try “Re-publish All Files” and send the link would you think that would work?
I don’t think republishing all files will help. That helps when things look fine in RW but not on the live website.
There are several threads about missing image links. You may want to search for those and see if they help track down what happened to your image links.
It almost seems like it would be fastest to just re-link every image one at a time again. If the problem is storing it on a cloud folder maybe I should start by moving it off the cloud if it can’t do that (though I can’t imagine why RW wouldn’t be compatible with cloud technology at this point.) But if it is going to keep breaking I guess I have no other option but to do that.
Then I suppose just re-link everything in the resources window. Hopefully the resources window is smart enough to at least automatically re-link some of those images due to it being in the same folder.
