[Matt]

Here is my page:
nekamo.com.customers.tigertech.net

I am using the footer widget area and the secondary footer. On a web browser it looks fine – but on a mobile device (such as an iPhone), the footer does not go down far enough – and the widgets over-lap.

Can you please direct me on how to correct that?

Many thanks!

[Sakin]

@Matt: I see that you have edited the core theme style.css file. You shouldn’t edit that. You shouldn’t edit/add any files inside ‘adventurous-pro’ directory. As all the files will be overwritten when you update the theme.

Also I see the issue with the css that you have changes in style.css file. Go to style.css and remove the height in the following css:

#footer-sidebar {
    background-color: #004b99;
    height: 125px;
}
#site-generator {
    background-color: #004b99;
    height: 50px;
}

It should be simple as:

#footer-sidebar {
    background-color: #004b99;
}
#site-generator {
    background-color: #004b99;
}

Note: Please reset all the style.css with the original file and add all your edit css in “Appearance => Theme Options => Custom CSS” box or build child theme and add it in your child theme style.css http://catchthemes.com/blog/create-child-theme-wordpress/

[Matt]

hmm…. I do have a child theme setup right now, and have only been changing that.

and I took out the height and that fixed it. Those were only in my child theme style.css too.

Thanks again for your tips.

[Author]

Posts