# Settings for Block editor

**URL:** <https://forum.pinegrow.com/t/settings-for-block-editor/7711>\
**Category:** Questions\
**Created:** [February 3, 2023, 10:40am UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711 "2023-02-03T10:40:36Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [February 3, 2023, 10:40am UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/1 "2023-02-03T10:40:36Z")

</div>

I am trying a different approach and attempting to making everything a block rather than relying ‘get header’/‘get/footer’ actions.

But when I export my header block into the Wordpress editor, it looks like this,

 ![Screenshot 2023-02-03 at 10.36.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/a0972ea6f2b982ef1ed09550c321c3d9d1271bea.png)

where all the content is not visible. How do I configure code or Wordpress settings so I can see all that needs to edited?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [February 3, 2023, 9:33pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/2 "2023-02-03T21:33:42Z")

</div>

Any suggestions? @matjaz

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [February 3, 2023, 10:33pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/3 "2023-02-03T22:33:25Z")

</div>

@Hannah better than a suggestion, here is a complete tutorial with how to setup your template and build header & footer blocks.

> **[Simple Full Site Editing with Minimal Theme and Blocks | Pinegrow Web Editor](https://pinegrow.com/docs/wordpress/creating-custom-wordpress-blocks/examples-and-tutorials/simple-full-site-editing-with-minimal-theme-and-blocks/)**
>
> Use a minimal page template and custom blocks to implement a simple full site editing theme.

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [February 3, 2023, 11:08pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/4 "2023-02-03T23:08:04Z")

</div>

Thanks @Emmanuel for responding.

Which part of the tutorial speaks about configuring your menu block so that it is fully visible in the editor? I’ve already studied this tutorial amongst many others and there is no solution for this.

I am new to Pinegrow and want to make this solution work but there are what I’d consider to be significant holes in the documentation regarding essential things. There needs to be a tutorial on creating a navigation block , with revealed and hidden submenu interaction, that is editable in the Wordpress editor.

The tutorial you highlighted above came close, when @matjaz made the slider and price block interactive in the editor but in the case of my navigation block, at present, the menu icon is clicked to reveal a full page menu - if I’m fully committed to the fse approached, how can a hidden menu page that is sitting on top of the site be editable in the Wordpress editor? And how can I view the full block in the editor in the first place? Please view the image I posted above to see what the outcome is when I attempt to bring the header into the editor.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [February 3, 2023, 11:49pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/5 "2023-02-03T23:49:54Z")

</div>

> [@Hannah](#):
>
> I am trying a different approach and attempting to making everything a block rather than relying ‘get header’/‘get/footer’ actions.

Then, I’m sorry for the misunderstanding, Indeed, when I talk about full site editing here on this forum and in our tutorials, I mean what is currently proposed by Pinegrow (and therefore presented in this documentation) and not another method that I do not practice and/or that is not currently available in Pinegrow.

I don’t know what framework or not you are using but your menu in HTML format is certainly using javascript etc …which are not basically accessible from the WordPress editor and unfortunately, I am not able to offer you a solution that meets your expectations (it doesn’t mean it’s impossible, I just don’t know how to do it) and I’m not sure it’s a good idea either.

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [February 4, 2023, 12:01am UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/6 "2023-02-04T00:01:15Z")

</div>

I just used vanilla Javascript to control the menu icon click behaviour and visibility. The Javascript can be removed. What do you suggest to firstly, make the block in the image fully visible (as pictured above, the menu is not fully shown) and secondly to edit the text on the hidden full page mobile menu, if it is has a fixed position and a z-index above the full page?

I’ve spent so much time trying to solve this on my own and I have not made much progress with the conversion to Wordpress at all.

For clarity, I’ve posted an updated image.

 ![nav.001](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0ada2c651f73fa606d74ec7f0fe5b1a5f4da6312.jpeg)

---

<div class="post-metadata">

**Author:** ![jonroc](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jonroc/32/2805_2.png) [@jonroc](https://forum.pinegrow.com/u/jonroc)\
**Post date:** [February 4, 2023, 10:03pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/7 "2023-02-04T22:03:52Z")

</div>

Hi @Hannah,

Is the issue that either your JS or CSS is not making it into the editor page? Does it display properly in the front end?

If the issue is that your CSS is not showing in the editor, try this function in your custom.php file (with your CSS path replaced with what I have). Your CSS must be enqueued to the front and admin area via the WP Action Enqueue Scripts for this to put the CSS into the FSE editor.

```auto
function add_editor_styles_to_full_site_editing()
{
    add_editor_style(get_template_directory_uri() . '/a_css/theme.css');
}
add_action('admin_init', 'add_editor_styles_to_full_site_editing');

```

---

<div class="post-metadata">

**Author:** ![jonroc](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jonroc/32/2805_2.png) [@jonroc](https://forum.pinegrow.com/u/jonroc)\
**Post date:** [February 4, 2023, 10:05pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/8 "2023-02-04T22:05:25Z")

</div>

Also, from your block settings, you can also just put in the file location as well.  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/004459fcac654cf0c20639d18b13ed17eb1afecc.png)

---

<div class="post-metadata">

**Author:** ![jonroc](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/jonroc/32/2805_2.png) [@jonroc](https://forum.pinegrow.com/u/jonroc)\
**Post date:** [February 4, 2023, 10:07pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/9 "2023-02-04T22:07:51Z")

</div>

Or, if everything is coming in fine, you may just need to delay the hover effect of your dropdown to a really high number in the admin only, which will give you time to work inside the block. If I didn’t hit it, a short video would be helpful. -Best!

---

<div class="post-metadata">

**Author:** ![Hannah](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/hannah/32/5047_2.png) [@Hannah](https://forum.pinegrow.com/u/Hannah)\
**Post date:** [February 10, 2023, 4:10pm UTC](https://forum.pinegrow.com/t/settings-for-block-editor/7711/10 "2023-02-10T16:10:06Z")

</div>

Thank you so much for offering your assistance. The suggestions you made,I had already implemented but I still wasn’t able to fix the block in the end and have since abandoned that idea. Nonetheless, thank you for the taking the time to reply.
