Forum Support

Shape 5
March 29, 2024, 09:12:55 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Body padding-bottom attribute for mobile screen sizes  (Read 935 times)
un_limited
Jr. Member
**
Offline Offline

Posts: 2



« on: 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!
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
un_limited
Jr. Member
**
Offline Offline

Posts: 2



« Reply #2 on: April 14, 2016, 03:12:59 AM »

Awesome! Turning those 2 settings off has cured it! Thanks for your help! Smiley
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.