"Portfolio masonry tile mobile sizes" (#1112975) / ThemeNectar

Comments

2
aroby86 started the conversation
March 26, 2017 at 7:02am
Can anyone direct me to a setting or custom css to use to make the masonry tiles (wide) the same height as the normal ones on mobile view only. As at the moment they come out so small and thin that it hides the image too much.
See image.
Thanks
9,005
Tahir replied
March 27, 2017 at 3:22pm
Hey Alex, Please provide the page url so that i can write up the custom css for whats possible. Thanks

ThemeNectar Support Team
2
aroby86 replied
March 28, 2017 at 4:49am
Sure the url is alexroby.com.
Also the nectar slider left button on mobile isnt in the correct place if you can help?
9,005
Tahir replied
March 28, 2017 at 5:31pm
Hey Again,
You will have to switch to the Square size instead :
Be.st

ThemeNectar Support Team
2
aroby86 replied
March 30, 2017 at 3:04am
Surely there must be a line of custom css that can be put in to state:
@media only screen and (max-width : 690px) {
make the wide tiles XXXXpx width and height instead.
Viewing the code I can see the parameters its just when I tried to add css to target them it doesnt work, do you have no idea how to do this?

Also the mobile view for the nectar slider is broken for this version of salient, the left arrow is in the wrong place: please see alexroby.com for details.

9,005

Tahir replied

March 30, 2017 at 2:49pm

Hey Again,

Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

@media only screen and (max-width: 470px) {
    .portfolio-items .elastic-portfolio-item.wide .bottom-meta {
        position: relative !important;
    }
    .portfolio-items .elastic-portfolio-item.wide .work-info {
        padding: 0 !important;
        position: relative !important;
    }
}

Thanks

ThemeNectar Support Team