Tablet mode not working

  • Hello,

    I have an issue with tablet. On a 10 inch tablet, on portrait mode, it still shows the desktop version, no hamburger menu. I know from Astra Theme, that a breakpoint of 1024 for tablet triggers tablet mode on a 10 inch tablet.

    I tried adding in custom CSS this code, but it did not work:

    
@media (max-width:1024px) {
.menu-toggle {
display: block;
float: left;
}
.main-navigation ul {
display: none;
}
.main-small-navigation li {
position: relative;
}
.better-responsive-menu .sub-menu {
display: none;
}
.better-responsive-menu .sub-toggle {
background-color: #BF7B15;
}
.sub-toggle {
position: absolute;
right: 20px;
cursor: pointer;
display: block;
top: 6px;
padding: 0 7px;
background-color: #1B7AA0;
}
}
    • This topic was modified 3 years, 9 months ago by Yui.
    • This topic was modified 3 years, 9 months ago by Yui. Reason: formatting

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hey @mihailungu ,

    Thank you for writing in,

    Could you please try using the CSS below and check your site?

    @media only screen and (max-width: 1080px) and (orientation: landscape) {
    .menu-toggle {
display: block;
float: left;
}
.main-navigation ul {
display: none;
}
.main-small-navigation li {
position: relative;
}
.better-responsive-menu .sub-menu {
display: none;
}
.better-responsive-menu .sub-toggle {
background-color: #BF7B15;
}
.sub-toggle {
position: absolute;
right: 20px;
cursor: pointer;
display: block;
top: 6px;
padding: 0 7px;
background-color: #1B7AA0;
}
}
@media (max-width:1024px) {
.menu-toggle {
display: block;
float: left;
}
.main-navigation ul {
display: none;
}
.main-small-navigation li {
position: relative;
}
.better-responsive-menu .sub-menu {
display: none;
}
.better-responsive-menu .sub-toggle {
background-color: #BF7B15;
}
.sub-toggle {
position: absolute;
right: 20px;
cursor: pointer;
display: block;
top: 6px;
padding: 0 7px;
background-color: #1B7AA0;
}
}

    I hope this helps.

    Regards,
    ThemeGrill Support Team

Viewing 1 replies (of 1 total)
  • The topic ‘Tablet mode not working’ is closed to new replies.