SKT Magazine Pro

Home Forums All Other Themes SKT Magazine Pro

Tagged: 

This topic contains 20 replies, has 3 voices, and was last updated by  SKT Themes 4 months ago.

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #101003

    Fay Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    Member since: September 8, 2016

    I’m using the theme SKT Magazine Pro

    #101029

    Fay Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    Member since: September 8, 2016

    Hello Thank you,

    None of those codes seem to be working.

    #101124

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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 Dixon
    Member
    • Topics: 16
    • Replies: 84
    • Total: 100
    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

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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.