Hey,
Do you just mean that you want the dekstop menu to show on tablets? Are there other things you’re referencing?
Hannah
It’s mostly the menu, but I want to make sure I’m seeing the actual desktop version of the site on my tablet.
Try adding this to your custom css box in Theme Options > Custom CSS:
@media (min-width: 767px) and (max-width: 992px) {
.col-md-10.col-sm-4.col-ss-3.kad-header-right {
width: 75%;
}
.col-md-2.col-sm-8.col-ss-9.clearfix.kad-header-left {
width: 25%;
}
.sf-menu * {
font-size: 16px;
}
.nav-trigger-case .kad-navbtn {
display: none;
}
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: inline-block;
}
}
Hope it helps!
Hannah
Thank you for trying to help. That still only loads the mobile version of the site with the mobile version of the menu.
Have you cleared your cache?
Hannah
Yes. Multiple times. Also tried on 2 different iPads. One on iOS12 and one on iOS 13 public beta with Request Desktop Website feature permanently turned on.
Hey,
There isn’t a desktop and mobile version. That isn’t how responsive websites are designed created. You can’t load a different version because there isn’t a different version. The css is designed to be responsive and change format to fit the screen. You can’t turn that off. You can change the screen size for when the touch menu appears. That is what hannahs css is doing for you.
So I’m not sure what you are referring to. Before I try to go further can you send me a screenshot of what you are seeing so that I know we are on the same page?
Ben
