Gary Lewis Posted August 13, 2021 Share Posted August 13, 2021 Some of you know that I "successfully" removed a gray banner that we had in our header that was taking up space. But what you don't know is that doing so caused a problem with the Weebly editor. Yesterday I noticed that when I used the editor to look at the home page, which has the forum embedded on it, I couldn't see the embed code if in the "desktop" mode, but could see that the code was there in the "mobile" mode. However, even then I couldn't edit it. So today I spent 2 hours on the phone with Weebly troubleshooting the problem. They could replicate the problem, but after poking around they finally asked "Have you put any custom code in?" My first thought was "No, I've not put any custom code in." But then I realized that taking code out made the rest of the code custom, and in the end I was the culprit. As soon as I put the code below back onto Line 39 everything started working. "" I've not published the site again with that code in place, but as soon as I do the banner will be back. So I'd like to modify the HTML to remove the banner, but I still need to be able to see the embed code. Are any of you HTML gurus? Can you tell me what I did wrong and what I should do instead? Here's a screenshot of the whole of the header code: Link to comment Share on other sites More sharing options...
ckuske Posted August 13, 2021 Share Posted August 13, 2021 If the banner needs to be there but you want it hidden, you can add the following to the "div" tag: style="display: none;" so This assumes there aren't any weird dependencies in other parts of the CSS/Javascript etc that rely on that taking real estate on the screen, but worth a shot. Link to comment Share on other sites More sharing options...
Gary Lewis Posted August 13, 2021 Author Share Posted August 13, 2021 If the banner needs to be there but you want it hidden, you can add the following to the "div" tag: style="display: none;" so This assumes there aren't any weird dependencies in other parts of the CSS/Javascript etc that rely on that taking real estate on the screen, but worth a shot. Ok, so the code now is "" and it would go to "". IOW I just add "style="display: none;". Right? Link to comment Share on other sites More sharing options...
ckuske Posted August 13, 2021 Share Posted August 13, 2021 Ok, so the code now is "" and it would go to "". IOW I just add "style="display: none;". Right? Yup, *should* be it Link to comment Share on other sites More sharing options...
ckuske Posted August 13, 2021 Share Posted August 13, 2021 Yup, *should* be it Depending on how the page changes, you may need to move the added style tag to a child tag etc, but try the top one first as I sent to you. Link to comment Share on other sites More sharing options...
Gary Lewis Posted August 13, 2021 Author Share Posted August 13, 2021 Ok, so the code now is "" and it would go to "". IOW I just add "style="display: none;". Right? Well, Chris, it works. Sorta. And I need your help understanding what is happening. With the extra code in there the results aren't what I expected. The editor is seemingly happy with the html as it doesn't barf. But what I see in the editor isn't correct as the header text or logo overlays the embed code. I created a new page I could play with, added an embed code, and with the logo turned on I initially had no embed code showing. So I added another one and it still didn't show. So I added another. Nada. Then I zoomed to 110% and got the view shown below, which means the logo is overlaying the code - when viewing in the editor. (Note that the code itself works fine.) So then I turned the logo off and went back to the Garysgaragemahal and got this: And then I turned the text off and could see this: Link to comment Share on other sites More sharing options...
Gary Lewis Posted August 13, 2021 Author Share Posted August 13, 2021 Depending on how the page changes, you may need to move the added style tag to a child tag etc, but try the top one first as I sent to you. Should I go ahead and publish so we can see the results on the page and not just in the editor? Link to comment Share on other sites More sharing options...
ckuske Posted August 13, 2021 Share Posted August 13, 2021 Should I go ahead and publish so we can see the results on the page and not just in the editor? Sure, that's fine if you don't mind. I can play with the HTML on my side once it is published at runtime (the F12 mode in Chrome/Edge lets you edit HTML in realtime in your browser as only local change) Link to comment Share on other sites More sharing options...
Gary Lewis Posted August 13, 2021 Author Share Posted August 13, 2021 Sure, that's fine if you don't mind. I can play with the HTML on my side once it is published at runtime (the F12 mode in Chrome/Edge lets you edit HTML in realtime in your browser as only local change) It is published, and seems to work - save for viewing in the editor. For the page with three embed widgets go to Bullnose Forum/New Home Page. Won't show anything, but they are there. Link to comment Share on other sites More sharing options...
ckuske Posted August 13, 2021 Share Posted August 13, 2021 It is published, and seems to work - save for viewing in the editor. For the page with three embed widgets go to Bullnose Forum/New Home Page. Won't show anything, but they are there. Without knowing the details, the editor is probably a different ball of wax. These sites like Weebly have lots of HTML they add to what you put into the editor, and their editor may expect certain HTML to be there (they are assuming no customization of certain areas of HTML.. (at least typically) Link to comment Share on other sites More sharing options...
Recommended Posts