Viewing 4 reply threads
You must be logged in to reply to this topic.
Hi,
I am trying to get the footer to display only as a one column in all the media types. but for @media (max-width: 720px), it has a negative margin with !important on the bootstrap responsive css stylesheet so my footer is pushed all the way to my left in mobile devices.
line 1287 footer#footer .inner .row-fluid.ff .span12:first-child:last-child{margin-left:-210px !important; }
I tried overwriting it on the css of the theme settings, but it does not work. Is there any way to fix this.
here is the link to my site https://lapizd.com/2015_site/
Hello,
Go to file bootstrap-responsive.css find that line and remove the ‘!important’. Now the class will take the property given in custom css box.
Best regards!
I thought about that…but wouldn’t that change be affected if there are any future updates to the theme?
Hello,
It it would if you replace theme files. But there are customizationes that require file edits, so we recommend you to save a copy of this file and replace back when there is a theme update. Or remake the edits to the new file.
When getting a theme update, we provide the change log too. So you can choose to overwrite only the changed files instead of making a full replacement.
Best regards!
You must be logged in to reply to this topic.