I have a problem with the tablet mode: the desktop and mobile are ok means if I make changes in one, the other mode is not affected. However, the tablet mode is linked to the mobile mode and each change in the mobile causes change in the tablet.
How can I have 3 independent modes for the 3 devices?
You need to duplicate three times the section you need to make any change, and each of them hide from 2 other modes , go to Advanced -> Responsive. So as an example, the first one hide for tablet and mobile and edit for desktop, the second one hide for desktop and mobile and edit for tablet and the third one hide for desktop and tablet and edit for mobile.
This is what I've done: I have 3 headers for example, one for each device and visible only by it.
The problem is that the changes I made for the tablet mode are visible nowhere. When I adjust the horizontal or vertical padding for instance, no changes are visible.
I cleaned up the cache but still the same. What can I do?
I know that only few options can be modified in responsive mode. I did already the mobile version and all is fine.
The problem is the tablet mode: look at the attached picture. When I change the responsive options for tablet, there is no change, I cannot see any variation. If I put 20 or 50 in the padding option for example that's the same. Why are these options not responsive for Tablet?
I need to change in the header the drop down menu which now cover my logo.
We're sorry that the option isn't working, until we test it further, can you please add this code to custom CSS and see if it works. It will be applied from 991 pixels width and smaller, which means you''ll target Tablet Devices.
@media (max-width: 991px) { nav ul.menu li.menu-item { padding: 20px 0 !important; } }
The code you sent me have been inserted into the custom css but I cannot see any improvement. The tablet mode is still not responsive. None of the options are producing effect.
Can you help me to solve this matter as I'd like to publish my web site asap?
Can you please send us the username and password of your website. So, we can see what's the issue. First we will check why the option isn't working on tablet, then we will check the custom CSS.
You didn't have any header to display for tablet mode, both of the headers were hidden for tablet mode. We added a new header for tablet and fixed it, now it works fine.
Please see screenshot 1 and 2: the logo in my menu is cover by the padding. I have a 3rd menu only for the tablet mode but I cannot adjust any options. That's very strange because even if only Tablet is shown, it remain visible on the mobile mode, it seams there's a bug.
The rest of the website is still not responsive at all for the tablet mode: see screenshot 3. As an example, in the page "Servizi" I cannot adjust the size of the column into the tablet mode. The size is stuck as is with no responsiveness.
You had an unnecessary header that only the menu was hidden from mobile and desktop mode. So we have deleted that one, and now it works fine. Please check the photos.
Ok, I want my header to be the same for the 3 devices: desktop and mobile are ok but not the tablet.
Again see attached the picture: my logo is covered by the padding. In your answer and your screenshot, my logo is not present so that's not good.
Could you answer me for the problem of the responsiveness of the tablet mode:
The rest of the website is still not responsive at all for the tablet mode: see screenshot 3. As an example, in the page "Servizi" I cannot adjust the size of the column into the tablet mode. The size is stuck as is with no responsiveness.
My logo is visible but the padding still cover it (please see picture).
If you look at my attached screenshot, you can see that in the dropdown menu of my tablet mode, nothing is responsive. Why? This is why I have to write you and I cannot adjust anything this by myself.
In all the pages of my web site that's the same: I cannot see any change I made into the tablet mode. Why?
Is there a way to contact you at least by chat in order to speed up the process?
Your logo is too big, so you need to add a higher top distance, because if we add an z-index maximal number to logo then the main menu will be invisible.
Hello,
I have a problem with the tablet mode: the desktop and mobile are ok means if I make changes in one, the other mode is not affected. However, the tablet mode is linked to the mobile mode and each change in the mobile causes change in the tablet.
How can I have 3 independent modes for the 3 devices?
Thanks a lot,
Charlie
Hi
You need to duplicate three times the section you need to make any change, and each of them hide from 2 other modes , go to Advanced -> Responsive. So as an example, the first one hide for tablet and mobile and edit for desktop, the second one hide for desktop and mobile and edit for tablet and the third one hide for desktop and tablet and edit for mobile.
https://www.youtube.com/watch?v=VPyBuNLpt4U
Feel free to ask anything you need.
Kind Regards.
Hi,
This is what I've done: I have 3 headers for example, one for each device and visible only by it.
The problem is that the changes I made for the tablet mode are visible nowhere. When I adjust the horizontal or vertical padding for instance, no changes are visible.
I cleaned up the cache but still the same. What can I do?
Thanks!
Charlie
Hi Charlie,
Please check the options that have the device property. https://prnt.sc/t9nbce They are responsive options.
Only these options can be changed in different devices, the other options will be applied to all devices.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Hi,
I know that only few options can be modified in responsive mode. I did already the mobile version and all is fine.
The problem is the tablet mode: look at the attached picture. When I change the responsive options for tablet, there is no change, I cannot see any variation. If I put 20 or 50 in the padding option for example that's the same. Why are these options not responsive for Tablet?
I need to change in the header the drop down menu which now cover my logo.
Thanks!
Charlie
Hi Charlotte,
We're sorry that the option isn't working, until we test it further, can you please add this code to custom CSS and see if it works. It will be applied from 991 pixels width and smaller, which means you''ll target Tablet Devices.
@media (max-width: 991px) {nav ul.menu li.menu-item {
padding: 20px 0 !important;
}
}
Feel free to ask anything you need.
Kind Regards
Hi,
The code you sent me have been inserted into the custom css but I cannot see any improvement. The tablet mode is still not responsive. None of the options are producing effect.
Can you help me to solve this matter as I'd like to publish my web site asap?
Thanks in advance!
Charlie
Hi Charlotte,
Can you please send us the username and password of your website. So, we can see what's the issue. First we will check why the option isn't working on tablet, then we will check the custom CSS.
Feel free to ask for anything you need.
Kind Regards
Hi,
You didn't have any header to display for tablet mode, both of the headers were hidden for tablet mode. We added a new header for tablet and fixed it, now it works fine.
- http://prntscr.com/tazwt5
- http://prntscr.com/tazzte
Feel free to ask anything you need.
Kind Regards
Hi,
Unfortunately the problem is not solved at all.
Please see screenshot 1 and 2: the logo in my menu is cover by the padding. I have a 3rd menu only for the tablet mode but I cannot adjust any options. That's very strange because even if only Tablet is shown, it remain visible on the mobile mode, it seams there's a bug.
The rest of the website is still not responsive at all for the tablet mode: see screenshot 3. As an example, in the page "Servizi" I cannot adjust the size of the column into the tablet mode. The size is stuck as is with no responsiveness.
Please I need your support to close this issue.
Thanks in advance,
Charlie
Hi Charlotte,
You had an unnecessary header that only the menu was hidden from mobile and desktop mode. So we have deleted that one, and now it works fine. Please check the photos.
- http://prntscr.com/tclzls
- http://prntscr.com/tclyno
Feel free to ask anything you need.
Kind Regards
Hi,
Ok, I want my header to be the same for the 3 devices: desktop and mobile are ok but not the tablet.
Again see attached the picture: my logo is covered by the padding. In your answer and your screenshot, my logo is not present so that's not good.
Could you answer me for the problem of the responsiveness of the tablet mode:
The rest of the website is still not responsive at all for the tablet mode: see screenshot 3. As an example, in the page "Servizi" I cannot adjust the size of the column into the tablet mode. The size is stuck as is with no responsiveness.
Please I need your support to close this issue.
Thanks,
Charlie
Hi Charlotte,
We added a new logo for tablet mode and we think now it's alright.
Also the tablet mode of page "Servizi" is working alright, if u have any other problem let us know.
- http://prntscr.com/td89mm
- http://prntscr.com/td89v3
-http://prntscr.com/td8cy6
Feel free to ask anything you need.
Kind Regards
Hi!
Hi,
My logo is visible but the padding still cover it (please see picture).
If you look at my attached screenshot, you can see that in the dropdown menu of my tablet mode, nothing is responsive. Why? This is why I have to write you and I cannot adjust anything this by myself.
In all the pages of my web site that's the same: I cannot see any change I made into the tablet mode. Why?
Is there a way to contact you at least by chat in order to speed up the process?
Thanks,
Charlie
Hi Charlotte,
Your logo is too big, so you need to add a higher top distance, because if we add an z-index maximal number to logo then the main menu will be invisible.
- http://prntscr.com/tdixzb
Feel free to ask for anything you need.
Kind Regards