Removing padding/whitespace after hiding a block/element on mobile layout

  • Resolved webgigabyte

    (@webgigabyte)


    3 years, 2 months ago

    Hi,

    I am using this elementor header and footer plugin with Hello Theme. I’ve created a header layout for desktop, tablet and mobile since I don’t know if there’s a way to create a different header layout for mobile devices only. I need to hide the site tagline for the mobile layout (located on the left-side below the logo). So, I did get to hide it under Advanced > Responsive > Hide on Mobile. However, it leaves a huge chunk of whitespace on where the element was hidden. I was expecting that the hidden element will not just be hidden but the space that it occupies be removed as well.

    Thanks.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter webgigabyte

    (@webgigabyte)

    Does anybody have inputs on this?

    Hello @webgigabyte

    Sorry for the delay in response.

    Instead of just hiding the section on the mobile. It will be convenient to create two different headers – one for the desktop and hide it for mobile, tablet from the Elementor responsive settings.

    Create one more header only for mobile, tablet and hide it on the desktop from the Elementor responsive settings.

    ?I hope this helps and resolves the issue.

    Have a nice day! Stay safe!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing padding/whitespace after hiding a block/element on mobile layout’ is closed to new replies.