How To Keep Our Projects Centered Mobile View

Home Forums SKT Black/White Theme Support How To Keep Our Projects Centered Mobile View

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #102281
    Tiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    Hi!

    How do I keep our projects/ portfolio section on homepage centered while in mobile view? It seems to justify left. Also, in landscape mode on mobile view the slider and other sections go into landscape mode and fit perfectly inside of the viewport, but this section does not. How do I fix this? My website is

    #102288
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6745
    • Total: 6753
    Member since: June 12, 2013

    Your message seems trucated and the URl of the site didn’t get listed.

    Regards,
    Shri

    #102550
    Tiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    Hi!

    How do I keep our projects/ portfolio section on homepage centered while in mobile view? It seems to justify left. Also, in landscape mode on mobile view the slider and other sections go into landscape mode and fit perfectly inside of the viewport, but this section does not. How do I fix this? My website is

    #102836
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #102853
    Tiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    Hi, Shri!

    My website is https://www.celebrityscope.net

    #102859
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .our-projects { width: 290px; margin: 0 auto;}
    }

    Regards,
    Chris

    #102863
    Tiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    Thanks that did the trick with centering them in mobile view, but how do I get them to be in horizontal/ landscape mode if they are viewed on the cell phone horizontally? They still appear vertically and do not change orientation when the device is flipped.

    #102907
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:479px) {
    .our-projects { width: 290px !important; margin: 0 auto;}
    }
    
    @media screen and (min-width:480px) and (max-width:767px) {
    .photobooth .gallery ul li { width:47% !important; margin:5px;}
    }

    Regards,
    Chris

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