|
: Body padding-bottom attribute for mobile screen sizes : un_limited April 13, 2016, 03:04:27 AM Hi, great theme! Almost perfect, but something seems to be interfering with an iframe drawn at the bottom of the page and all I can find after a while searching is the following;
@media screen and (max-width: 750px) body { height: 100% !important; position: relative !important; padding-bottom: 48px !important; } I'm fairly certain that padding-bottom is responsible! However, Chrome's element inspector lists the only reference to it as index.php, which is unhelpful! I have been unable to find the value in any of the css files! The questions, therefore, are; 1. Is the value important? Will simply removing it sort out all my problems? Why is set to this in the first place? 2. Where is it actually referenced? Any help you guys could give me would be great! : Re: Body padding-bottom attribute for mobile screen sizes : jonahh April 13, 2016, 12:37:49 PM Hello,
Can you post a URL of this iframe interference? The code for this is located in the /vertex/css/core/s5_vertex_addons-min.php file (if you are running the latest version of Vertex). That bottom padding is there for the bottom black bar where the scroll to and desktop links are shown. If you turn the arrow off and the desktop links off under Responsive Nav, that bar won't be called anymore. : Re: Body padding-bottom attribute for mobile screen sizes : un_limited April 14, 2016, 03:12:59 AM Awesome! Turning those 2 settings off has cured it! Thanks for your help! :)
: Re: Body padding-bottom attribute for mobile screen sizes : jonahh April 14, 2016, 11:50:10 AM Since you are editing core Vertex files any updates to Vertex will revert your changes. You would need to add an override to the custom.css file so it doesn't get overwritten. You shouldn't have to hack Vertex though so if you want I can take a look for you to see if we can find out why the iframe is doing this.
|