badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*
View all Themes

Remove responsiveness of the theme.

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 7, 2020 at 9:33 pm #80846
    ahmed7adnan
    Participant

    Hi there, I am using free version of newscard theme. I would like to remove the responsiveness of the theme to make view the website on all devices same as desktop view. I have removed viewport meta tag from header.php and all media queries from css file. With the mentioned edits being made, the website is looking all good to me on mobile devices except one thing. It still shows the main manu as a mobile manu with a toggle. I would really appreciate if you could guide me on how i could make the main looks on mobile devices same as on desktops.
    Thank You.

    September 9, 2020 at 6:55 am #80866
    Theme Horse Support Team
    Keymaster

    Hi ahmed7adnan,

    Disabling the responsiveness of the Theme is pretty tough thing to do. This Theme is developed with ‘Bootstrap Framework’, the most popular framework and it handles even the layouts and columns responsiveness by its core and rest are done with the Theme code.
    Though you managed to disable the responsiveness and stuck on the mobile menu toggle then please share us your Site URL so that we can provide you the appropriate Custom code by checking the recent preview of your Site.

    Thanks

    September 9, 2020 at 7:16 am #80870
    ahmed7adnan
    Participant

    http://www.maafaru.info

    September 13, 2020 at 3:14 pm #80997
    Theme Horse Support Team
    Keymaster

    Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS.

    .navigation-bar-top {
	display: none;
}
.navbar .navbar-collapse,
.navbar .main-navigation .nav-menu {
	display: block;
}
.main-navigation ul li a,
.main-navigation ul li ul li a,
.main-navigation ul li ul li ul li a,
.main-navigation ul li ul li ul li ul li a,
.main-navigation ul li ul li ul li ul li ul li a {
	padding: 15px;	
}
.navigation-bar .container {
	padding-left: 85px;
}

    Thanks

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