How To Keep Our Projects Centered Mobile View

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

This topic contains 7 replies, has 3 voices, and was last updated by  Forum Moderator 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #102281

    Tiffany Clements
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    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: 2
    • Replies: 6527
    • Total: 6529
    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: 12
    • Replies: 28
    • Total: 40
    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: 19826
    • Total: 19826
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #102853

    Tiffany Clements
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    Member since: June 1, 2015

    Hi, Shri!

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

    #102859

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19826
    • Total: 19826
    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: 12
    • Replies: 28
    • Total: 40
    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: 19826
    • Total: 19826
    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.