SKT Magazine Pro

[Fay Dixon]

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

[Fay Dixon]

I’m using the theme SKT Magazine Pro

[Fay Dixon]

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

[Fay Dixon]

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.

[Sonnal S Sinha]

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

[Fay Dixon]

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

[Sonnal S Sinha]

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

[Fay Dixon]

Hello Thank you,

None of those codes seem to be working.

[Sonnal S Sinha]

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

[Fay Dixon]

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

Thank you for the help

[Sonnal S Sinha]

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

[Fay Dixon]

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

[Sonnal S Sinha]

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

[Fay Dixon]

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.

[Sonnal S Sinha]

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

[Author]

Posts