SKT Naturo Pro – Slider text not showing in mobile

Home Forums All Other Themes SKT Naturo Pro – Slider text not showing in mobile

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #18243
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Hello,

    I have just noticed that the slider text from the homepage is not showing on the mobile version of my site, how can I fix this?

    Thanks!

    #18245
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly show us your website link

    Regards,
    Shri

    #18248
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Hi Shri,

    The link is http://www.designeryhub.com/ I just started modifying the demo version.

    I also tried to enlarge the logo but if I do, then the menu is not correctly centered vertically, and also if the logo is enlarged it aligns left in the mobile version, instead of centered as it is supposed to be, can you please check that also?

    Thanks!

    #18253
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Rodrigo,

    Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
    Paste this css code in custom css box

    .header .header-inner .logo {margin-top:5px; margin-bottom:5px; text-align:left;}
    .header .header-inner .logo img {height:auto; width:40%;}
    .header .header-inner .nav ul li a {padding:50px 15px;}

    Regards,
    Shri

    #18254
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Hi Shri,

    Thanks! That worked for enlarging the logo.
    But not that it is enlarged it is not centered in the mobile view, should I add another piece of code?
    Also, can you please check why is the slider text not showing in the mobile version?

    Regards,
    Rodrigo

    #18255
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Paste this code in custom css box for responsive :

    @media screen and (max-width: 767px) {
    .nivo-caption {display: block !important; top:0;}
    .slide_info h2 { font-size:13px;}
    .slide_info p { font-size:10px;}

    }

    Regards,
    Shri

    #18256
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Thanks Shri!
    It is now showing the text in the slider, but we are still missing one thing.
    Before changing the size of the logo it was showing centered only in the mobile version, but now it is showing left aligned, how can I center it again? Only in the mobile view.

    Thanks

    #18257
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    @media screen and (max-width: 767px) {
    .header .header-inner .logo {text-align:center;}
    .header .header-inner .logo img {height:auto; width:60% !important;}
    }

    Regards,
    Shri

    #18258
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    I just added that one but I also centered the logo on the desktop version 🙁
    It should only be centered on the mobile and left on desktop as the original demo theme.

    Thanks!

    #18265
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi Rodrigo,

    Remove all the CSS code in from custom css box and paste this code.

    @media screen and (min-width: 480px) and (max-width: 767px) {
    .header .header-inner .logo {margin-top:5px; margin-bottom:5px; text-align:left;}
    .header .header-inner .logo img {height:auto; width:40%;}
    .header .header-inner .nav ul li a {padding:50px 15px;}

    .nivo-caption {display: block !important; top:0;}
    .slide_info h2 { font-size:13px;}
    .slide_info p { font-size:10px;}

    }

    Regards,
    Shri

    #18267
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    This code works for placing the logo correctly, but the logo is small again and the text for the slider is gone in the mobile version.

    Thanks!

    #18269
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Kindly Send us email: [email protected] with your WordPress admin details and URL of the site. we will check the problem and resolve.

    Regards,
    Shri

    #18272
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Thanks! I’m sending it to you right now

    #18285
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    This issue was resolved from our end. Kindly check and confirm.

    Regards,
    Shri

    #18288
    RodrigoRodrigo
    Participant
    • Topics: 6
    • Replies: 14
    • Total: 20
    Member since: December 17, 2015

    Thanks a lot Shri!
    It’s perfect now!

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