Okay
  Public Ticket #2892139
Vertical Portfolio
Closed

Comments

  • urbancirclein started the conversation

    Hello,

    Things are almost getting ready for the final stages of our website, and we plan to launch it in the next week! I need some help with the portfolio page. I am attaching a link, with several images for explaining our requirements. 

    https://www.urbancircle.in/projects/elemental-house/

    DESKTOP/LAPTOP VIEW
    1. We would like to push the portfolio item tabs to the right-hand side of the page like it is on this Bifrost sample page.  I am unable to find a way to shift these tabs. Please help. (Images attached)
    https://neuronthemes.com/bifrost/portfolio/primary/

    2. There is just TOO MUCH SPACE between two images on the page as we scroll down. How to reduce this space? (Images attached) 

    (Continuing this thread below) 

  • urbancirclein replied

    (continued from above)

    MOBILE  VIEW
    3. We need to shift the body of the text in the mobile view a little inside. It feels like it is too much on the edge with the logo and hamburger set inside in comparison. We have indicated this as a red line. (Image attached) 

    4.  There is just TOO MUCH SPACE between two images on the page as we scroll down. How to reduce this space? (Image attached) 

    Can you please sort this out asap? We would like to have this finalised before modifying all other project portfolio pages. 

    Thanks, 
    Ravi 

  •   urbancirclein replied privately
  • urbancirclein replied

    Hi, 

    Have you had the chance to look at this thread of comments below? Looking forward to hearing from you at the earliest! 

    Best,
    Ravi

  •  933
    Neuron replied

    Hi Ravi,

    I apologize for the late reply, somehow I missed your ticket.

    1) You can't place the portfolio tabs at the right of the content, because you've added the content via the Elementor,  but you can try to add the portfolio tabs manually by creating a column next to the content and add them.

    2) The issue of the space between images was caused by the following part of the code that was added at Appearance > Customize > Additional CSS, so I've removed it now.

    .p-portfolio-gallery__item img {
        position: relative !important;
    }

    3) I've added the following code at Appearance > Customize > Additional CSS, can you please take a look at it?

    @media (max-width: 991px) {
        .single-portfolio .container {
            padding-left: 40px;
        }
    }
    

    Feel free to ask for anything you need.

    Kind Regards