Home › Forums › All Other Themes › Celebration Hall Nova Title Not Showing on Mobile
- This topic has 12 replies, 3 voices, and was last updated 5 years, 5 months ago by Sonl Sinha.
-
AuthorPosts
-
January 20, 2019 at 1:14 am #115219
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,
January 20, 2019 at 3:34 am #115222I 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!
January 21, 2019 at 12:33 pm #115270Hi,
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,
ChrisJanuary 21, 2019 at 12:43 pm #115274Thank 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}
January 21, 2019 at 1:36 pm #115287Hi,
Kindly use this one
.home_section13_content { text-align: center;} .home_section13_content .cols3 { width:25%; float:none;}
Regards,
ChrisJune 6, 2019 at 1:06 pm #124696Hi!
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
BenJune 10, 2019 at 9:26 am #124798Hi 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,
ChrisJune 12, 2019 at 1:34 pm #124994Great, thanks for the quick help!
June 13, 2019 at 5:03 am #125018Hi Ben,
If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/22/
Regards,
ChrisJune 30, 2019 at 6:11 pm #125924Hey Chris, I just found out that the Team section is not correctly visualised on mobile devices. Any suggestions?
July 1, 2019 at 6:11 am #125939Hi,
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,
ChrisJuly 2, 2019 at 11:32 am #126037Great, thank you!
July 3, 2019 at 10:54 am #126083🙂
-
AuthorPosts
- You must be logged in to reply to this topic.