#70772 How to create an effect of one column overlaying on other column?

Landing Forums JupiterX WordPress Theme How to create an effect of one column overlaying on other column?

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Arunjit Singh Oberoi

    I want to get this type of an effect: https://d329jirxh7znrd.cloudfront.net/wp-content/uploads/2018/12/block-template-45.jpg

    I tried to import this block template for about section but it was not there in the import dialog box for elementor, i searched through all block templates by jupiterx that were connected in elementor.

    Nodari Support Team

    Hey there

    you can use 2 columns, right with image and left with the other elements inside, for example, you could use inner section, then, this inner section can be moved on the right side by a negative margin or by absolute position and styled like on your image, this only requires Elementor skills, I can help you with this if you still can’t achieve layout, send me your admin details here privately and link to the page where you want to have this  section

    Have a great weekend

    Private
    Arunjit Singh Oberoi
    This reply has been marked as private.
    Nodari Support Team

     

    Sorry, I meant image, not “age”

    By the way, looks like you already found a solution? that’s what I wanted to create, now it just needs as style: https://prnt.sc/tf7faz

    this one too: https://prnt.sc/tf7fo6

    This is all about Elementor

    Arunjit Singh Oberoi

    https://prnt.sc/tf7faz This layout breaks on mobile, the text box gets cut in half.  I feel like the implementation I had was not very good as I had to manually set the height values of the column on the right side so that it was not same size as the column on the left. I’ll try making the layout with the steps you suggested of using inner section etc.

    https://prnt.sc/tf7fo6 This one was made through revolution slider because I needed multiple slides of this type but I want to avoid using revolution slider because of how bulky it is, but I don’t see any other solution for this one.

    And what would be the best way to make this https://i.imgur.com/DF4YDL3.png layout? For this also, revolution slider comes to mind but I wanted to know if there’s any other solution for this one besides revolution slider because of the reasons I listed in the previous point.

    Arunjit Singh Oberoi

    I had another issue I was facing regarding the header. I modified the header to be a 3 column style because I wanted a contact us button on the right. https://i.imgur.com/221kJkZ.png

    However, its appearing with the columns stacked on one another in mobile.
    https://i.imgur.com/cISS6CS.png

    I made the button hidden on mobile, but I still could not manage to get the logo and the navigation menu on the same line for mobile. I was thinking of using absolute position and -50px vertical offset, but it is not looking right. https://i.imgur.com/TJMAuq9.png

    I also wanted to decrease the height of the header a little bit on mobile devices.
    I’d really appreciate it if you could help me with these header issues

    Arunjit Singh Oberoi

    Please disregard the previous message regarding headers. I fixed the issue by starting off fresh and importing a pre made header to modify

    Amir Rather Support Team

    Glad to hear that.

    Thank you for informing us 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
Login