Archived topic
Generate Disable Mobile
14 replies · Started by Víctor on January 8, 2016
Hi Tom,
First of all, sorry for my English, I hope you can understand me.
I´m really new on wordpress and I'm trying to do my first website. I have activated the mobile generate disable plugin, but does not work very well. Element spacing is not working and after opening a picture with Photo Gallery plugin from mobile, load the mobile version of the website. Please, help me
Website: http://www.mueblesgallardo.es
Hi there,
The plugin seems to be working to me - your site isn't mobile responsive anymore.
What about the Element Spacing isn't working? Any specific options?
I didn't notice anything loading the mobile version - what pictures should I be clicking on?
Let me know :)
I noticed that if i set desktop user agent in mobile web browser everything works perfect, but with android user agent, after open a picture, website looks like this:
https://dl.dropboxusercontent.com/u/97170664/Screenshot_com.android.chrome_2016-01-09-10-59-33.png
About Element Spacing, i can't set any left or right space. For example, there is no effect when i change the left or right space of Header, but top and bottom space works.
Thank you
Hmm, it could be the gallery plugin messing with the viewport - have you tried any other gallery plugins to test?
Are you trying to adjust the heading left/right padding only on mobile?
I want the website to look at mobile as seen on the computer, but when I activate the Generate Disable Mobile also change other features such as the full-width sections cease to be and the left and right spaces of the header and sections are lost.
I made a couple of screenshots so you can see the difference:
Without Generate Disable Mobile: https://dl.dropboxusercontent.com/u/97170664/captura%20web.jpg
With Generate Disable Mobile: https://dl.dropboxusercontent.com/u/97170664/captura%20disable%20mobile.jpg
The only change I made to catch the screenshots is activate and deactivate the plugin
Ha, interesting. Haven't tested that plugin with Sections.
Can you try this CSS?:
body.sections-no-sidebars .grid-container {
width: auto;
}
I added CSS and now sections look good, but the problem with Element Spacing still persist, any idea about that?
Thanks for your help
I also realized that if I minimize the browser screen on the computer also minimizes the website and changes the look
https://www.dropbox.com/s/58dj6l9mm5s4czn/minimizado.jpg?dl=0
Is this normal if Generate Disable Mobile is activated? I wish only part of the web page is displayed and nothing changed in size.
Interesting, try this CSS instead:
.generate-sections-enabled .site.grid-container {
width: auto;
}
.generate-sections-enabled .generate-sections-inside-container.grid-container {
width: 1365px;
}
Let me know :)
I added the last CSS and works perfect! The only problem I still can see is that if sections or header are fluid, left and right space configured with Element Spacing disappears
Thanks
You mean the padding to the left and right of those elements? When does it disappear? On mobile?
Sorry, my english is too bad, you can see what i'm trying to say in the screenshoots that I shared before. When activate Disable Generate Mobile, the padding to the left and right of header and sections disappear.
Generate Disable Mobile deactivated: https://dl.dropboxusercontent.com/u/97170664/cap.jpg
Generate Disable Mobile activated: https://dl.dropboxusercontent.com/u/97170664/cap_dis.jpg
I think that screenshots are more useful to you than my explications
Ah, I see.
This should fix it:
.inside-header.grid-parent {
padding-left: 15px;
padding-right: 15px;
}
I'll release an update to the plugin ASAP :)
Everything perfect now, thanks for your help!!!
I'll be waiting for the new update
Thanks for helping me work through it! :)
