header and menu position fix.

Hi there,

I'm not sure I understand the objective here.

Your partner's site doesn't seem to be responsive - it uses the same desktop layout regardless of screen size. Is that what you're trying to do?

if you check at my site there on mobile view
from the header when i try to using another screen size.
menu , text , logo was move to different position.

i'm not sure that i can fix it with the same position in every size ?

Hi there,

Sorry still not sure if I understand the issue here.

Can you show some screenshots of what we should be looking at?
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

please check from this image here.
if you check from header and footer
position was change to different line
can i fix it to the same as left side ?

Hi there,

I'm also not exactly sure what you're trying to achieve.

It seems like you're trying to apply 600px+ viewport layout on viewports smaller than 320px. I don't think that's possible as all because there's literally not enough space to make the layout the same way unless you want to make everything smaller which isn't a good idea @320px below as the contents won't be readable.

But perhaps you're trying to do something else.

That said, can you provide any mockup of what layout/arrangement are you trying to achieve?

you can check from my partner site above
that even it using a smaller size one , it's can be using the same position by reducing the size itself.

Sorry Bruce.

All of our staff are confused about what you are trying to do here.

Are you trying to make your site unresponsive? So it would look exactly the same on desktop and mobile?

please check this picture , you will see after it's change from iphoneX to GalaxyFold
the contents position at header and footer was changed.
it's move to different line.

what i'm asking here is . can we fix it to the same position ?

Hi Bruce,

That's happening because there're not enough space for all the items in a smaller screen.
You could try to reduce the font size of the text when screen gets smaller:

@media (max-width: 355px) {
    .mobile-text {
        font-size: 12px;
    }
}

Let me know how it works:)

it doesn't help

you can check from my partner site above
that even it using a smaller size one , it’s can be using the same position by reducing the size itself.

The partner site isn't responsive at all. If you want this replicated on your site, we can do that by using this PHP snippet:

add_filter( 'generate_meta_viewport', function() {
return '<meta name="viewport" content="width=1024">';
} );

Here's how to add PHP snippets:
https://docs.generatepress.com/article/adding-php/

This snippet will completely remove the responsive viewport on your site and will have the exact same layout for both desktop and mobile devices exactly like the partner site you've linked.