Portfolio on mobile

Support
#1

Hi, check out the index page on a mobile device:

And individual portfolio items:

2 things.

1: on the index page, the top image is sitting underneath the menu (I dont want the menu to change, I want it to be like this) Any way I can move the portfolio index content down a little so its not hidden by the menu?

2: same on the individual items. So the nav of the portfolio is hidden, anyway we can move it down a bit?

3: I dont like how the layout looks, is there a way to make the image bigger, to fill the mobile screen, then have the rest of the info below it?

#2

Hello @logoglo,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .x-container>.offset {
    margin: 100px auto;
}
    .single-x-portfolio .entry-featured {
    width: 100%;
}
.single-x-portfolio .entry-wrap {
    width: 100%;
}
}

Thanks.

#3

Worked perfectly! thank you!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.