Issues with SKT Newspaper Theme

[Abubakar M Tahir]

Hello,
I am using SKT Newspaper, The theme is so beautiful, but I have some issues with the theme.
1. The Menu Bar turns black on Mobile view.
2.The Social icons do not show on Mobile view
3. The Logo and Menu Icons won’t be on the same row on mobile view

website Url: https://rahmatv.com

Thanks
Abubakar M Tahir

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:767px){
a.toggleMenu {
    background: url(images/mobile_nav_right.png) no-repeat right center #1e73be;
}
.headline i {
    display: inline-block !important;
}
.header .col-8 {
    display: none;
}
}

Regards,
Dave

[Abubakar M Tahir]

I have Done That The Issue with Menu bar color in Mobile view is Solved. But 2 Issues remain:
1. The Logo should appear Horizontally side by side with the Menu Icon on the same bar on mobile view
2. Social Icons should appear on top bar on mobile View.
Thanks

[Sonl Sinha]

Hi,

Your website is under construction mode we are unable to see.

Regards,
Dave

[Abubakar M Tahir]

Hello,

I have Deactivated The Under Construction Mode.

Thanks
Abubakar M Tahir

[Sonl Sinha]

Hi,

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

@media screen and (max-width:479px) {
.header .col-4 {
    width: 50%;
}
a.toggleMenu {
    width: auto;
    position: absolute;
    top: 90px;
    right: 20px;
}
}

2. Social Icons should appear on top bar on mobile View?

Ans: Social icons are already visible on the top bar.

See screenshot below:
https://imgur.com/a/6kP1G1T

Regards,
Dave

[Abubakar M Tahir]

Hello,

The Issue of Menu Icon and Logo is Perfectly Solved, however I can only add two Social Icons, if I add more

than 2, it Overlaps.https://rahmatv.com

Thanks

Abubakar M Tahir

[Abubakar M Tahir]

Note:

It overlaps only on Mobile View.

Thanks

Abubakar M Tahir

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.headline i { margin-right:5px !important;}
}

Regards,
Dave

[Abubakar M Tahir]

Hello,

It Works Perfectly. Thanks Very Much Dave, You are One of the Best. I am Proud to be part of this Forum. I am

really grateful.

Thanks,

Abubakar M Tahir

[Sonl Sinha]

Hi,

If you found our service good kindly review us here: https://www.sitejabber.com/reviews/sktthemes.org

Regards,
Dave

[Author]

Posts