Richard Patterson

That’s because I turned off overlay for the navigation bar in the header. I guess my question is a more general one of whether I can control the formatting of a menu or navigation block on a mobile device separately from the formatting of it on a desktop or table.

When I first looked at the website on my phone, the navigation bar was converted to an icon for a drop down menu, but when I touched the icon the menu that appeared has all three items on top of each other so that I could not select them properly. I assume this was the result of my long struggle to eliminate unwanted padding above and below the navigation items in the full screen version. If I edit the page while previewing it for a phone, can I add padding or spacing that does not affect the wide screen version of it. I understand that I could write CSS code for the smaller width, but I think I have painted myself into a corner with my design.

Hmmm… The homepage seems to be working properly now and I guess I need to check the settings for the template for the posts (which still seem to convert the navigation bar to an unusable dropdown menu. Is there a cache somewhere that would have prevented it from updating until today?

While I’m at it, is there a way to change the appearance of a dropdown menu if it is a conversion from a navigation bar on a small screen? If I turn on overlay menu, do I have any control over what happens?

Thanks.

I tried turning off Overlay Menu and the preview for a mobile device retains the navigation bar with the three items. When I look at the website on my phone, however, I still see the menu icon and the unusable dropdown menu. Why am I not getting what the preview said I would?

Thanks. Someone gave me some CSS code to customize the theme and it seems to have cured the problem.

I thought I had marked it as resolved. The only thing I don’t get is why the block editor cannot override theme defaults, but there are greater mysteries in life to ponder.

Thanks.

Thanks. Adding the code as you suggested did not fix it, but adding the same CSS code in the Additional CSS section of the Customize panel on the left sidebar under Appearance did.

FWIW: The problem I was having with certain pages not showing the WP-Admin tools was because the pages were not secure. The SSL Insecure Content Fixer did not seem to fix it, but I was able to go through the sidebar menu that was navigating to the pages and manually edit the http: to be https: and that seems to have cured that problem.

Thanks. Now it appears to me that the page in question (what-is-money) looks the same as the others when I go to the site. But when I load WP-Admin on my hosting service and look at the page it does not show the tool bar above that lets me edit it like all the other posts or pages do. Can you think of any reason why this would happen?

I guess the Single template is the default template for posts in the Twenty-Twenty-Three theme, so the editor only lets me choose between Default and Blank for the template, even though it shows the template being used as Single.

Thank you. This is surely the problem, but I cannot figure out how to reset the padding values for the elements. I think maybe at some point I discovered how to set global padding values for blocks or other kinds of elements, but I can’t remember what I did or find a way to do that. Do I need to edit code to fix this?

Why doesn’t the editor show me what I am going to get? When I look at the settings for the column and the navigation block, it appears to me that the padding is set to zero top and bottom and the editor seems to show it that way, but somewhere this gets overridden by something before the actual page is displayed.

Thank you so much. The migration plug-in seems to work better than everything else I had tried. It included the image I used for a header on every page which other methods lost, and it even offered the chance to replace every .local url with a .org url that seems to work. It did lose on navigation menu but I was able to recreate it. The only issue I have now is how tall the group or column is that contains that navigation menu. I’ll have to see if I can figure out what I did differently when I designed in on my computer.

I am talking about the menus for tools in the WordPress interface, not a menu that I am creating for my website. Maybe I don’t have the jargon right, but there seems to be no way to control what options are shown by default for the style settings for a paragraph and a font. If I want to indent and italicize two consecutive paragraphs in a post, I need to click 16 times in the style menu on the side of the interface to get to a left indent setting and a regular italics settings. It is just a really annoying user interface issue.

I just discovered what seems to be the problem. In editing Posts I noticed that the Top Toolbar option for View was checked. If I uncheck it, the toolbar with the Link shows up when I click on a paragraph. I looked to see if it was unchecked when I was editing Pages, and it was. Needless to say this seems counter-intuitive to me since the Top Toolbar is supposed to enable one to “access all block and document tools in a single place.”

Something is definitely wrong. If I am editing a page I get the expected behavior you describe, but if I am editing a post I never see the toolbar with the link icon. Do you have any suggestions as to how I trouble-shoot this?

Thanks again. Eventually I shall try this. Right now I am going to stay focussed on the content, at some point I’ll dive into CSS.