To much space in the header - under the logo - on mobile website

tfthemes · May 2017

Dear Support-Team,
I need your help.
The new website is finished and when I check the site on iphone or other smartphones and tablets
there is much to much space in the header area.
On pc or laptop / notebook it´s perfect. But on mobile devices I have this white area under the logo
and the red bar. It should be like the pc-version. The red bar near the logo.

Here is the screenshot of the problem:
http://www.topputz.at/problem-on-mobile-device-white-area-under-logo-much-to-big.jpg

Here the screenshot how it should be on mobile:
http://www.topputz.at/no-problem-screenshot-from-notebokk-the-wish-for-mobile-device.PNG

Please, I need your help very urgent!
Thank´s a lot for your help!

Best regards
Alex Grätzner

tfthemes · May 2017

Dear support-team,
I have tried so many hours now. Have read so-so many messages about this problem. but i get it not fixed. Now I have the same problem on www.top-putz.at. basic is the pc or notebook design. it should look on mobile like the notebook layout. Whitout the borders and space UNDER the header. I need your help please. thanks a lot!!
Best regards
Alex Grätzner

Bryan · May 2017

Hello,
this is because you have set the page title in white color and you cannot see it with the white background. See here: http://prntscr.com/fao8mz
thanks

tfthemes · May 2017

Hello!
Thank you very much for your help!
But how can I delete this title? It´s the name of the page?!?!
Can´t delete the name of the page!
Please give me a message what to do!
I dont know where I can delete the title!?
Thanks a lot!!
Alex

Bryan · May 2017

Go to theme options>header&subheader>subheader and hide the title.
http://prntscr.com/fapk6b

tfthemes · May 2017

Hi!
Thank you very much for your help!

There is no such panel with "Page Title" - see screenshot:
http://www.topputz.at/there-is-no-page-title.PNG

Have the second site from this client and in this panel is this box
with "Page Title" to see. I did it like you said, but nothing fixed the problem.
Look at the second website:
www.top-putz.at (this site is with the "Page Title" box)

www.topputz.at (is without the "Page Title" box)
On www.top-putz.at is now a red line to see. But it should be a red bar
like the Notebook / PC Design. Please take a look.

There should be a red bar under the logo and a small white space.

On smartphone is now a small red line and a very big white space.

Please, I need your help so urgent.
10000 Thanks four your work and help to fix this problem.
Kindly regards.
Alex

Bryan · May 2017

You do not have this option because your betheme is not updated. Please update the theme to the newest version. Update the second website as well.

tfthemes · May 2017

Okay, thank you! I will do this.
Hope it works. Where can I find the Update?
Thanks for your help!!
best regards
Alex

Bryan · May 2017

You will find the update in your envato market downloads tab.

tfthemes · May 2017

Thank you! Done!
http://www.top-putz.at has the latest Update
WITH this box inkluding.
http://www.top-putz.at/theme-update-okay-last-version-nothing-has-changed-nothing-is-better-big-white-space.PNG

But nothing has changed on smartphon. Alwas the big white space
under the logo und a small red line. It should be a red
bar like the notebook version.
Thank you for your help!
Best regards
Alex

Bryan · May 2017

Alex,
Please disable also the breadrumbs like you did the title.

And use this custom css

@media (max-width:767px) {
	#Content {
		padding-top:0px !important;
                border-top:15px solid #CD2F2E !important;
	}
	body.minimalist-header-no #Subheader {
	padding: 12px 0 !important;
}
}

tfthemes · May 2017

Hi,
thank you 1000-times.
It could be perfect, but the red bar is now missing.
The big white space is gone.
The problems on http://www.top-putz.at are nearly fix.
Only the red bar is missing on both websites ...?!

Thank you once again for your help and work!
What can we do for the problem with the misssing red bar?
best regards
Alex

tfthemes · May 2017

Uppps ... something happened after disable breadcrumps and new css code.
Problem in the action bar on top of the site. And how I said in the message before -
the red bar is missing on smartphone.
http://www.topputz.at/problem-on-top-of-the-site-actionbar-has-changed-jpg.jpg
Thanks a lot for your perfect help!
kindly regards
Alex

tfthemes · May 2017

For information.
Here is the css code in www.top-putz.at

http://www.topputz.at/css-code.PNG

tfthemes · May 2017

For information.
Subheader settings top-putz.at

http://www.topputz.at/subheader-seetings.PNG

Bryan · May 2017

I just edited the css from the previous post, try this one.

tfthemes · May 2017

Wow! Red bar is here!!! Perfect!
But in the top is the problem in the actionbar - notebook / pc!
its not in the middle. You can see it here.

http://www.topputz.at/problem-on-top-of-the-site-actionbar-has-changed-jpg.jpg

Bryan · May 2017

@media (max-width:959px) and (min-width:767px) {
	#Subheader {
		padding:200px 0 80px !important;
	}
}

tfthemes · June 2017

I forgot to say thank you!
Thank you once again for your support!!!
best regards
alex

To much space in the header - under the logo - on mobile website

Comments