Footer editor toolbar overlays main content area

Post Reply
grimblefritz
Posts: 16
Joined: Tue Apr 25, 2023 1:21 pm

Footer editor toolbar overlays main content area

Post by grimblefritz »

Clean theme
SummerNote editor

When the main content/editable area grows to screen height or more, the editor toolbar for the footer overlays it.

I cannot manually resize the edit area because it is behind the footer and cannot be selected.

The same problem occurs with the sidebar if it grows >= screen height.

Is there a way to force the footer, including SummerNote, below the page's other editable areas?

(What I really wish for is something between SummerNote and SummerNote Air. No toolbar until the content is active, and then show the SummerNote toolbar instead of the Air toolbar.)

grimblefritz
Posts: 16
Joined: Tue Apr 25, 2023 1:21 pm

Re: Footer editor toolbar overlays main content area

Post by grimblefritz »

I hacked around this by adding this in theme.php before the <footer>

Code: Select all

       <?php // add a margin so footer doesn't overlap content
        if ( $this->loggedIn ) {
                echo '<div style="margin-top:150px">&nbsp;</div>';
        }
        ?>
There might be a more elegant way, but this hack smoothed things out for me quite a lot. It sucks up 150px of space at the footer area when logged in, but when running normally there is no impact.

Post Reply