[Wolfgang]

Hello,
I’m using your theme Simple Catch Pro and have put a header in the background instead of the logo and the slogan.
But now the mobile version looks like this http://groovyplanet.de/screen.png
Is there a chance to put some <br /> Tags only into the mobile version above the social media icons?
I can’t find the place where to edit the mobile version…

Thanky for your help!
Best regards

[Sakin]

@Wolfgang: Sorry I need to check in your site and check how you have changed that and then only I can suggest you the solutions. So, what your site URL where I can check in.

[Wolfgang]

I have only changed this in the CSS (nothing in the header.php, index.php or something):
#header-content {
background:url(http://www.groovyplanet.de/logo.png);
height: 200px;
width: 100%;
margin: 20px 0px 20px 0px;
}

And these are the options I have made in the header section:
http://www.groovyplanet.de/screen2.jpg

But now in the mobile version the social media icons and the searchbox are in front of my logo 🙁

So my problem is: Can you tell me how I can fix it (maybe with some <br/> that only show up in the mobile version), so that the icons and the searchbox are below the logo in the mobile version?

[Sakin]

@Wolfgang: First you shouldn’t change core theme files inside ‘simple-catch-pro’ theme directory. As these changes will be reverted back to original when you update the theme. So, either you need to add these CSS in “Appearance => Theme Options => Custom CSS” box or you need to build child theme and add it in child theme style.css

I will not able to check in details until you have live site URL. So, I have come up with the css on the basic of your screenshot. Try the following.

@media screen and (max-width: 767px) {
	#header-content {
		background-repeat: no-repeat;
		padding-bottom: 125px;
    		position: relative;
	}
	#sidebar-top {
		bottom: 0;
		position: absolute;
	}
}

[Wolfgang]

@sakin: Thank you for your response! I will edit everything in the custom css field.

I have another question: When I look at the page in the responsive mode (via smartphone), I see the menue over the content, everything is fine. But when I have a static page (e.g. the about me page) the menue over the content is gone.
Where can I edit that? I would like to have the menue on every page and article.

Thank you!

[Sakin]

@Wolfgang: If you site Live now. I need your site URL to check in the issue

[Wolfgang]

@Sakin: The site is just live now. URL is http://www.groovyplanet.de and see described problem here for example: http://www.groovyplanet.de/about/ (see mobile / responsive version). Like said before there is no menue. Thank you.

[Sakin]

@Wolfgang: Looks like plugin issue. Can you check your cachify settings or remove that.

[Author]

Posts