Strong theme

Home Forums All Other Themes Strong theme

This topic contains 10 replies, has 2 voices, and was last updated by  Forum Moderator 6 months, 3 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #110076

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    Hello,

    How can I center the trainer boxes if I only have 3 trainers?

    also

    How can I fix the footer widgets from being cut off when you view them on mobile version?

    http://www.customfitnessfl.com

    #110158

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20560
    • Total: 20560
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .home_section4_content { text-align:center !important;}
    .flipcard { display:inline-block; float:none;}
    .home_section4_content p { display:none;}
    .flipcard .front p, .flipcard .back p { display:block !important;}
    
    @media screen and (max-width:767px) {
    #footer .rowfooter { margin:20px 0;}
    }

    Regards,
    Chris

    #110346

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    Awesome! Worked perfectly!

    If you view on mobile version how can I get the 4 services boxes on the front page to be one on top of the other and go in order and only one on each line?

    Is there any way to move the navigation menu down a little on mobile version? Right now it’s conflicting with the logo.

    #110358

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20560
    • Total: 20560
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and ( max-width:600px) {
    .columns-4 { width:100%;}
    .logo { max-width:80%;}
    }

    Regards,
    Chris

    #110401

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    Man, you all are awesome! Everything works like a charm.

    Please send me any review platform you want me to review ya’ll on. I will leave the best, most thorough review and make sure everyone buys your products! I love SKT!

    #110402

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    I’m sorry to keep hassling you all.

    But if I wanted to drop the nav menu on mobile version to the bottom of logo, above social links but centered, how could I do that with CSS?

    #110437

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20560
    • Total: 20560
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Chris

    #110545

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    View post on imgur.com

    the menu is to the right, is there any way to drop that below the logo and social media links and center it as well?

    #110621

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20560
    • Total: 20560
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    #simple-menu { top:195px;}
    .logo { max-width:100%;}
    }

    Regards,
    Chris

    #110714

    Robert
    Participant
    • Topics: 17
    • Replies: 23
    • Total: 40
    Member since: August 1, 2016

    View post on imgur.com

    Hello, it didn’t work, it meshes with logo now. Any ideas?

    #110726

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20560
    • Total: 20560
    Member since: August 16, 2013

    Hi,

    Remove

    @media screen and (max-width:479px) {
    #simple-menu { top:195px;}
    .logo { max-width:100%;}
    }

    Add this new css there

    @media screen and (max-width:479px) {
    #simple-menu { top:130px !important;}
    .logo { max-width:60%;}
    }

    Regards,
    Chris

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.