disable mobile version for ONLY one page on site

Site URL: https://www.bengoodman.com/c-v

Hi!

I've got my site pretty much exactly where I want it. On mobile version, everything looks fine EXCEPT for the "cv" page which becomes a mess with formatting. How can I ignore the mobile version and display desktop version of only this page on mobile devices? If you test that link on mobile you'll see exactly what I mean.

Many thanks!

Add to Design > Custom CSS

/* Mobile-CV Page */
@media screen and (max-width:640px) {
div#page-5cd30b25e4966b6f5ed4719f .span-4 {
    width: 33.333% !important;
    float: left !important;
}
}

thank you! I've got another question, if you don't mind!

how can I disable auto scaling for my info / contact page? I'd like to line the logo up with the text beneath it, but any adjustment of the browser window size ruins it. is there a way to set a threshold so it auto scales but only after being shrunk so far? www.bengoodman.com/info-contact

in fact, never mind! I've decided against the image. thank you for your help

On 6/8/2021 at 3:49 AM, bizballs said:

 

Hi Tuanphan

you helped me recently on my page. www.bengoodman.com/c-v

I've decided that I'd like to make ONLY this page full screen by removing the sidebar and title. I've done so with header code injection on the 'CV' page by using the following:

<style>
   #header { display: none; }
   #site > .wrapper { max-width: 100%; width: 100% !important; padding: 0; }
</style>

the problem is that there is still empty space where the sidebar/title were. how can I remove that space to the page content takes the full site width, again, ONLY on this 'CV' page. your help would be greatly appreciated!!

 

Thank you

Use this

<style>
div#pageWrapper {
    margin-left: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
}
div#canvasWrapper {
    margin: 0 auto;
}
</style>

beautiful. thank you so much!