Leo
(@leohsiang)
Hi there,
Is it in desktop view on portrait or landscape mode?
Also can you provide a link to your site by any chance?
Let me know.
Thread Starter
frol
(@frol)
площадка-в.рф
landscape and portrait mode. .
Theme Author
Tom
(@edge22)
You don’t seem to be using the GP menu system, which kicks into mobile view on portrait tablets and below.
You’ll need to check with the developers of whatever menu plugin you’re using to see if you can adjust the breakpoint.
Thread Starter
frol
(@frol)
Excuse me for my English. . I use GP and maxmegamenu. On smartphone I see mobile view . All works perfectly!!!
But on this table I see view as desktop. ( in Front-end) ..
When I tune the view in back end(in console) I see mobile view of my site on mobile and table.
Thread Starter
frol
(@frol)
On mobile and table- it means when I click on icons in console
Thread Starter
frol
(@frol)
Can the reason in the screen resolution 1900*1200?
Theme Author
Tom
(@edge22)
I believe it’s just the width at which the menu plugin you’re using switches to mobile. You need it to switch earlier. If you ask the developers, they might have a solution for you 🙂
Thread Starter
frol
(@frol)
I’m not talking about the menu. All is well with him. I configured the transition to a mobile view of 800 pixels. Business in another. I’m talking about the appearance of the page. It think that the page is loaded in full format, not for mobile devices.
I used css for smartphone
@media (max-width: 768px) {
.site-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#left-sidebar{
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.content-area {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
@media (max-width: 768px) {
.inside-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
padding: 35px 10px 0px 10px;
}
.site-logo {
order: 2;
-webkit-order: 2;
}
.header-widget {
order: 3 ;
-webkit-order: 3;
}
}
@media (max-width: 768px) {
.tablet-grid-25 {
width: 100%;
}
@media (max-width: 768px) {
.tablet-grid-75 {
width: 100%;
}
And got a great mobile view!
What css to use to get the same thing on the tablet?
width 800 pixels screen tablet
http://площадка-в.рф
thanks
Theme Author
Tom
(@edge22)
Have you tried changing the 768px value in your custom CSS to 800px or higher? That might help as it will make your CSS kick in sooner.
Let me know 🙂
