SKT Naturo Pro – Slider text not showing in mobile

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

This topic contains 15 replies, has 2 voices, and was last updated by  Forum Moderator 3 years, 8 months ago.

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #18243

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    Hi,

    Kindly show us your website link

    Regards,
    Shri

    #18248

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    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

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    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

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    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

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    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

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    Kindly Send us email: support@sktthemes.com with your WordPress admin details and URL of the site. we will check the problem and resolve.

    Regards,
    Shri

    #18272

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    Member since: December 17, 2015

    Thanks! I’m sending it to you right now

    #18285

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

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

    Regards,
    Shri

    #18288

    Rodrigo
    Member
    • Topics: 5
    • Replies: 14
    • Total: 19
    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.