SKT Magazine Pro

Home Forums All Other Themes SKT Magazine Pro

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #101003
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    hello
    My website is “Our Phonebook” (http://ourphonebook.co.za)

    I want the page name and the white background to not show. All my pictures must just look like its ontop of the background please.

    Thank you

    #101010
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    I’m using the theme SKT Magazine Pro

    #101029
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Sorry i mean the theme for Music Producer. Also on this theme the menu doesnt want to center

    #101030
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    This theme doesnt display the logo fill width or the menu either on mobile, is there maybe a css setting i can use? Is there also one to hide the header on mobile please. Half my content also gets cut off on the right side on mobile.

    #101095
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    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) {
    .head-info-area .right { text-align:center;}
    .logo img { width:100% !important;}
    }

    Regards,
    Dave

    #101101
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Thank you. Although the website still cuts off on my phone. https://i.imgur.com/3Dp2dax.jpg
    Will you also be able to change the size of the heading to make it smaller on mobile please.

    At the bottom also i changed all the colours i could find but the heading lines are still pink

    #101113
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    Member since: August 16, 2013

    Hi,

    Kindly go to header.php

    Find
    <meta name="viewport" content="width=device-width, initial-scale=1.1"/>

    And replace
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

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

    @media screen and (max-width:479px) {
    #footer h3::after {border-bottom-color:#00afb8;}
    }

    Regards,
    Dave

    #101121
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Hello Thank you,

    None of those codes seem to be working.

    #101124
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    Member since: August 16, 2013

    Hi,

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

    #footer h3::after {border-bottom-color:#00afb8;}

    Regards,
    Dave

    #101127
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Cool thank you that one worked. On my mobile its still cutting off though..

    Thank you for the help

    #101128
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    Member since: August 16, 2013

    Hi,

    This is working just fine.

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

    Regards,
    Dave

    #101131
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Hello

    Yes heres the image https://i.imgur.com/3Dp2dax.jpg
    Also i want the header to be smaller is covering half the screen on mobile

    #101159
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    Member since: August 16, 2013

    Hi,

    For small header.

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

    @media screen and (max-width:479px) {
    .head-info-area .left { display: none;}
    .head-info-area .right { margin:0;}
    .head-info-area .right p { margin: 0;}
    .logo img { margin-top:0;}
    }

    Q: On my mobile its still cutting off though

    A: Kindly delete cache and do a forced refresh as we are not getting any kind of error in console.

    To do a forced refresh kindly follow below instructions:

    Windows/Linux:
    1. Hold down Ctrl and click the Reload button.
    2. Or, Hold down Ctrl and press F5.

    Mac:
    1. Hold Shift and click the Reload button.
    2. Or, hold down Cmd and Shift key and then press R.

    Regards,
    Dave

    #101188
    Fay DixonFay Dixon
    Participant
    • Topics: 27
    • Replies: 99
    • Total: 126
    Member since: September 8, 2016

    Cool it worked.

    Would it be possible to put my menu in the middle on the desktop and on mobile to change the menu colour to white. its black at the moment and over my logo.

    #101193
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30933
    • Total: 30933
    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) {
    #simple-menu { top:85px;}
    #simple-menu .fa-bars { color:#fff !important;}
    }
    .has_trans_header.home #topmenu { vertical-align: initial; float: right; text-align:center; width: 100%;}

    Regards,
    Dave

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