Strong theme

[Robert]

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?

www.customfitnessfl.com

[Sonnal S Sinha]

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

[Robert]

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.

[Sonnal S Sinha]

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

[Robert]

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!

[Robert]

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?

[Sonnal S Sinha]

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

[Robert]

https://imgur.com/abSOKRD

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?

[Sonnal S Sinha]

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

[Robert]

https://imgur.com/a/fYksaVC

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

[Sonnal S Sinha]

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

[Author]

Posts