Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #30471
    Tim
    Member

    One more (I think the last one).

    When I open my site (www.itstechnical.net) on a mobile device, the three columns in the footer are overlapping. I have seen them display at one point sequentially, but I’m not sure exactly when, or what may have caused it to not work now.

    Any ideas on what I may have done? Easy to fix?

    Thanks.

    Tim

    #30516
    Sakin
    Keymaster

    @Tim: WoW, you found the issue when we set to 3 Footer Area. We will fixed this in next version update. Till then you can add the following css in “Appearance => Theme Options => Custom CSS” box.

    @media screen and (max-width: 640px) {
    	#supplementary.three .widget-area {
    		margin-left: 0;
    		margin-right: 0;
    		width: 100%;
    	}
    }
    #30579
    Tim
    Member

    Excellent! I suspected it was a missing/incorrect media query.

    Turns out I have two more issues which I’ll post as separate topics. I think both are probably pretty easy for you.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Footer columns do not display properly on mobile devices’ is closed to new replies.