Support » Theme: OceanWP » Mobile Version: White Area right side

  • Hello,

    While browsing thru my mobile version I saw a white area on the right screen side where I can scroll to. There is non on the left. (360px view)

    Does not happen at tablet view (756px).
    I want to remove that white space but don’t know where.
    I am using OceanWP and Elementor / +pro.

    Here are 2 screenshots of my view
    https://ibb.co/c7L17p
    https://ibb.co/kCu5YU

    Can anyone help me with that problem?
    Thanks a lot!

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

Viewing 12 replies - 61 through 72 (of 72 total)
  • ghanyr

    (@ghanyr)

    @alexislass you are amazing, has find this solution for 20 days

    Hello @alexislass
    Oh, God.
    You are really a great man. Just solved this issue with tricky code.
    Osm. You are a Doctor of WordPress (:::)
    I was facing this issue from last 10 days and just came across Alexislass ‘ reply and found solution.
    thanks
    thankyou for help and future support.
    Ramii

    Thanks @alexislass 🙂

    Maybe Elementor need to build this in as default somehow, seeing as this is obviously a pretty common issue

    Hey ! You’re welcome,
    I think it doesn’t come from elementor, but rather from the Ocean WP theme. Personally I now use Hello Theme, optimized for elementor and quite light. I build Header and footer with elementor so I don’t need a specific theme anymore.

    AlexisLass

    @alexislass

    Thank you so much for your help. Worked like a charm!

    You saved me a ton of time and I sincerely appreciate it!

    ~Jim

    duaatahli

    (@duaatahli)

    @alexislass Thanks for your great solution

    I guess Im the only idiot here that can\t make this work. When I paste that code I get the brackets in yellow as if there is something wrong there and nothing happens when I click the publish button.

    the site is bulgarski.biz and I have one element set with elementor. On mobile everything appear on the right. i have spent all day trying to solve this and it just doesn’t work.

    Please help 🙂

    @alexislass could you please share your opinion?

    Hey @bulgarskibm
    Your problem has nothing to do with the topic, however, to solve your problem, try to put this piece of code in your css:

    @media (max-width: 1024px)
    .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100% !important;
    }

    Tell me if everything is ok !
    good luck.

    • This reply was modified 1 week, 5 days ago by alexislass.
    • This reply was modified 1 week, 5 days ago by alexislass.

    @alexislass you did it. Thank you so much. I spent hours trying to figure it out. Respect and wishing you all the best from Sweden 🙂

    For me, Alesxislass’s code did not work but on one site this code did:

    .single-product article.first {
    width: 100%;
    }

    Still trying to figure out why it doesn’t work on my other site *sights*

    UPDATE! Second site fixed with this code:

    .single-product div.first {
    width: 100%;
    }

    Actually, 95% looks better on the right.

Viewing 12 replies - 61 through 72 (of 72 total)
  • You must be logged in to reply to this topic.