Header and Footer disappear when resized

This topic has 5 replies, 2 voices, and was last updated 11 years, 6 months ago by Sakin.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
June 16, 2013 at 9:17 pm #10589

deadwalker
Member

Hi Catch themes Team,

First of all, I really love your wordpress themes and used them for 2 pages already. Nevertheless I encountered an issue with the Simple Catch Theme which I’m unable to resolve.

When you resize or minimize the browser and use the scrollbar to scroll to the right the header and footer section background disappears. It shows up fine if you resize the browser or maximize it again but it doesn’t like scrolling.
Anything I could do to fix this issue?

This behaviour is reproducible on the simple catch demo page so it’s not related to any customizations. http://catchthemes.com/demo/simplecatch/

Any help is greatly appreciated.
Thanks
Deadwalker

June 17, 2013 at 4:20 pm #10617

Sakin
Keymaster

@deadwalker: First of all Simple Catch Free theme in not Responsive. So, I don’t know why you are tying to scroll it. It will display same in all devices. No changes and not responsive.

If you want responsive then use Simple Catch Pro theme http://catchthemes.com/demo/simplecatch-pro/, this adjust as per the screen size.

June 17, 2013 at 6:38 pm #10626

deadwalker
Member

Hi Sakin,

Thanks for the prompt feedback.

I’m totally aware that Simple catch (free) is not responsive nevertheless I don’t think the behaviour I mentioned is normal.

Let me try to summarize the behaviour again:
If you resize the browser window so it’s smaller than the 978 grid layout a scrollbar will show up. This is as expected as the theme isn’t responsive, correct?
If you now make use of that browser scrollbar (to scroll to the right to see the rest of your non-responsive site) you will see that the header and footer background disappears. Why is that?

I hope that explains.
Thanks

June 18, 2013 at 1:30 am #10642
Sakin
Keymaster
@deadwalker: Ok I got that. This is not an issue but the responsive issue. But if you want to fix that then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
```
@media screen and (max-width: 990px) {
	#header, footer {
		width: 978px;	
	}
}
```
June 18, 2013 at 4:14 am #10649

deadwalker
Member

Awesome Sakin, this works like a charm!

Thanks for the outstanding support, next step is to buy Simple Catch Pro and support your work! 😉

June 18, 2013 at 10:28 am #10655

Sakin
Keymaster

@deadwalker: Welcome. I told you that’s the responsive issue and I gave you the responsive css for screen size less thank 990px. But it’s cool.

Thanks for using Simple Catch theme.
Author

Posts