we_universal

Mobile view after fix width - we_universal

Mobile view after fix width

by A_one » Wed Nov 13, 2019 2:25 am

Hi,

Firstly, thank you for sharing this wonderful style.
Is there anyway to have mobile compatible view after the width is set?

Thanks
A1
A_one
Registered User
Posts: 2
Joined: Wed Nov 13, 2019 1:24 am

Re: Mobile view after fix width

by v12mike » Fri Nov 15, 2019 10:59 am

I need more information before I can help. How did you set the width did you follow the instructions in the FAQ at: https://www.phpbb.com/customise/db/styl ... l/faq/2531 ?

Can you share a screenshot of what you are seeing on a mobile device, or send a url so that I can see it myself?
v12mike
Registered User
Posts: 590
Joined: Thu Jul 09, 2015 5:03 pm

Re: Mobile view after fix width

by A_one » Mon Nov 18, 2019 2:24 am

Hi v12mike,

Here the forum url https://forum.eswme.com/

I followed this setting
https://www.phpbb.com/customise/db/styl ... pic/208891


The mobile view is fixed to the width 1080 in my case,

Code: Select all

.inventea-wrapper,
.inventea-header,
.inventea-footer {
        width: 1080px;
        max-width: none;

.postprofile, .pm .postprofile, .search .postprofile {
    width: 20%;
}

.section-viewtopic .postbody .content {
    max-width: none;

Thanks for looking into it.
A_one
Registered User
Posts: 2
Joined: Wed Nov 13, 2019 1:24 am

Re: Mobile view after fix width

by v12mike » Mon Nov 18, 2019 4:58 pm

I am not sure exactly what effect you are going for, but I think that your problems is:

Code: Select all

.inventea-wrapper,
.inventea-header,
.inventea-footer {
        width: 1080px;
        max-width: none;
Which causes the content to overflow the physical screen

I think that it should be something like:

Code: Select all

.inventea-wrapper,
.inventea-header,
.inventea-footer {
        max-width: 1080px;
or

Code: Select all

.inventea-wrapper,
.inventea-header,
.inventea-footer {
        max-width: none;
if you don't want a maximum width.
v12mike
Registered User
Posts: 590
Joined: Thu Jul 09, 2015 5:03 pm