How to fix overlapping Titlescreen?

[GratoNite]

So, basically. i changed my Title screen:
from this
https://prnt.sc/nldaii
to
https://prnt.sc/nldamu

Quite the neat change i think.

Now, when i open up preference/load/help.
The menu buttons (Start, load, etc) is still there and overlaps the save menu, options, etc.

Overlap on save menu
https://prnt.sc/nldb0k

Overlap on preferences (options)
https://prnt.sc/nldb2f

any help to fix this will be much appreciated!

Also, this is my screen navigation (). (i have a feeling it would come to this.)

Code: Select all

screen navigation():

    vbox:
        style_prefix "navigation"

        xpos gui.navigation_xpos

        spacing gui.navigation_spacing

        if main_menu:

            textbutton _("Start") action Start()
            yalign 0.9
            xalign -2.5

        else:

            textbutton _("History") action ShowMenu("history")

            textbutton _("Save") action ShowMenu("save")

        textbutton _("Load") action ShowMenu("load")

        textbutton _("Preferences") action ShowMenu("preferences")

        yalign 0.5

        if _in_replay:

            textbutton _("End Replay") action EndReplay(confirm=True)

        elif not main_menu:

            textbutton _("Main Menu") action MainMenu()

        textbutton _("About") action ShowMenu("about")

        if renpy.variant("pc"):

            ## Help isn't necessary or relevant to mobile devices.
            textbutton _("Help") action ShowMenu("help")

            ## The quit button is banned on iOS and unnecessary on Android.
            textbutton _("Quit") action Quit(confirm=not main_menu)

        null height 50

        imagebutton hover "patreon2.png" idle "patreon.png" action OpenURL("https://www.patreon.com/gratonite")


style navigation_button is gui_button
style navigation_button_text is gui_button_text

style navigation_button:
    size_group "navigation"
    properties gui.button_properties("navigation_button")
    xalign 0.5

style navigation_button_text:
    properties gui.button_text_properties("navigation_button")
    xalign 0.5

[Per K Grok]

So, basically. i changed my Title screen:
from this
https://prnt.sc/nldaii
to
https://prnt.sc/nldamu

Quite the neat change i think.

Now, when i open up preference/load/help.
The menu buttons (Start, load, etc) is still there and overlaps the save menu, options, etc.

Overlap on save menu
https://prnt.sc/nldb0k

Overlap on preferences (options)
https://prnt.sc/nldb2f

any help to fix this will be much appreciated!

Also, this is my screen navigation (). (i have a feeling it would come to this.)

Code: Select all

screen navigation():

    vbox:
        style_prefix "navigation"

        xpos gui.navigation_xpos

        spacing gui.navigation_spacing

        if main_menu:

            textbutton _("Start") action Start()
            yalign 0.9
            xalign -2.5

        else:

            textbutton _("History") action ShowMenu("history")

            textbutton _("Save") action ShowMenu("save")

        textbutton _("Load") action ShowMenu("load")

        textbutton _("Preferences") action ShowMenu("preferences")

        yalign 0.5

        if _in_replay:

            textbutton _("End Replay") action EndReplay(confirm=True)

        elif not main_menu:

            textbutton _("Main Menu") action MainMenu()

        textbutton _("About") action ShowMenu("about")

        if renpy.variant("pc"):

            ## Help isn't necessary or relevant to mobile devices.
            textbutton _("Help") action ShowMenu("help")

            ## The quit button is banned on iOS and unnecessary on Android.
            textbutton _("Quit") action Quit(confirm=not main_menu)

        null height 50

        imagebutton hover "patreon2.png" idle "patreon.png" action OpenURL("https://www.patreon.com/gratonite")


style navigation_button is gui_button
style navigation_button_text is gui_button_text

style navigation_button:
    size_group "navigation"
    properties gui.button_properties("navigation_button")
    xalign 0.5

style navigation_button_text:
    properties gui.button_text_properties("navigation_button")
    xalign 0.5

Change the 'screen navigation' to it's original settings.
Make a new 'screen navigation2' with the setting you want for the main menu page.

In 'screen main_menu', change 'use navigation' to 'use navigation2'.

[Matalla]

It depens on what you want to do. The screen navigation by default is included in the other screens (the basic ones that are created with a new project), so if you change the placement of the buttons in navigation, it would affect all those other screens.

A quick fix would be to leave the screen navigation as it was, with the buttons on the left, and place the buttons as you want in the main_menu screen, deleting the reference to the navigation screen.