Celebration Hall Nova Title Not Showing on Mobile

[mb1243]

Hi,

I have a few issues that I need some assistance on.

Website – www.shuttermistphotography.com

1. The Slider title is not showing on Mobile.

2. There is big top margin where the logo is that spans the page only on Mobile.

3. I need to center the Our Team columns. I like the picture size used for 4 columns, but only have 3 team members. How can I center the 3 team members using 4 columns as the size?

Thank you,

[mb1243]

I found a solution to number 1 by using the following:

@media screen and (max-width:479px) {
.nivo-caption .title { display:block !important; font-size: 2em;
}}

I still would appreciate any help with 2 and 3 though. Thank you!

[Sonnal S Sinha]

Hi,

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

2. There is big top margin where the logo is that spans the page only on Mobile.

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

3. I need to center the Our Team columns. I like the picture size used for 4 columns, but only have 3 team members. How can I center the 3 team members using 4 columns as the size?

.home_section13_content { text-align: center;}
.sectionrow .cols3 { float:none;}

Regards,
Chris

[mb1243]

Thank you for the response! I figured out my other 2 issues as well.

For the header problem, I just removed the header altogether on Mobile using the following:

@media screen and (max-width: 767px) {
.home.has_trans_header .page .header, .page .header, .single .header, .error404 .header, .search .header, .header, .home.has_trans_header .header { display: none !important;
 }}

And for the column issue, the code you provided still made the images too large. I used the following to accomplish what I was looking for.

.cols3 .team-thumb{height:290px; width:85%;}
.cols3 img{height:auto; max-height:270px; min-height:270px; width:100%;padding:0;margin:0;vertical-align:bottom}

[Sonnal S Sinha]

Hi,

Kindly use this one

.home_section13_content { text-align: center;}
.home_section13_content .cols3 { width:25%; float:none;}

Regards,
Chris

[BenBen]

Hi!

I have the same problem with the “Our Team”-section and I already tried the suggested solutions, but can’t really find the right div-class to change it. It works for the class “.cols4” regarding the width, but I cannot get it centralized then.

My url: www.letsfetz.eu

Cheers
Ben

[Sonnal S Sinha]

Hi Ben,

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

.skt-builder-block-inner.skt-builder-block-inner-446 {
    text-align: center;
}
.skt-builder-block-inner.skt-builder-block-inner-446 .cols2 {
    width: 25%;
    float: none;
    display: inline-block;
    min-height:inherit;
}

Regards,
Chris

[BenBen]

Great, thanks for the quick help!

[Sonnal S Sinha]

Hi Ben,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/22/

Regards,
Chris

[BenBen]

Hey Chris, I just found out that the Team section is not correctly visualised on mobile devices. Any suggestions?

[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) {
.skt-builder-block-inner.skt-builder-block-inner-446 .cols2 { width:80%;}
.skt-ourteam .team-inner .team-thumb img { width:180px; height:180px;}
}

Regards,
Chris

[BenBen]

Great, thank you!

[Sonnal S Sinha]

🙂

[Author]

Posts