How do i enable full width layout for posts only on mobile

  • I’m using Oceanwp theme. I wish for the post pages to be in full width layout only on mobile. Is there a custom CSS to do achieve this?

    • This topic was modified 5 years, 3 months ago by fakersfaker.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter fakersfaker

    (@fakersfaker)

    It seems that I cannot edit my question. What I want to do is enable sidebars, and not lose the nice full width view on mobile.

    I’ve tried the following CSS, but it squishes the texts against the edgy of the display as well as the images, and that isn’t something that I want. Please help.

    @media only screen and (max-width: 959px)
{.container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
	} }

@media only screen and (max-width: 959px) #content-wrap {
   width: 100%;
   max-width: 100%;
}

    Hello,

    The post page is already fullwidth in the mobile view. Can you please share a screenshot of the issue so that I can understand it?

    Thread Starter fakersfaker

    (@fakersfaker)

    Thank you for your response.
    My current page looks like this:

    View post on imgur.com


    but I wish I could make it look like following while keeping the double sidebar:

    View post on imgur.com

    Thank you so much for your work Amith Singh we appreciate it!

    It seems you have changed the theme. Can you activate the OceanWP theme so that I can check it?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do i enable full width layout for posts only on mobile’ is closed to new replies.

Tags