Celebration Hall Nova Title Not Showing on Mobile

Home Forums All Other Themes Celebration Hall Nova Title Not Showing on Mobile

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #115219
    mb1243
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: October 18, 2017

    Hi,

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

    Website – http://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,

    #115222
    mb1243
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: October 18, 2017

    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!

    #115270
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    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

    #115274
    mb1243
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: October 18, 2017

    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}
    #115287
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    Hi,

    Kindly use this one

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

    Regards,
    Chris

    #124696
    BenBen
    Participant
    • Topics: 1
    • Replies: 10
    • Total: 11
    Member since: April 28, 2019

    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: http://www.letsfetz.eu

    Cheers
    Ben

    #124798
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    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

    #124994
    BenBen
    Participant
    • Topics: 1
    • Replies: 10
    • Total: 11
    Member since: April 28, 2019

    Great, thanks for the quick help!

    #125018
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    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

    #125924
    BenBen
    Participant
    • Topics: 1
    • Replies: 10
    • Total: 11
    Member since: April 28, 2019

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

    #125939
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    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) {
    .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

    #126037
    BenBen
    Participant
    • Topics: 1
    • Replies: 10
    • Total: 11
    Member since: April 28, 2019

    Great, thank you!

    #126083
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22451
    • Total: 22451
    Member since: August 16, 2013

    🙂

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.