White header title bar in mobile view

[global411]

http://kidsbalance.bike/demo-home/

White header title bar in mobile view.
how to get it to stay transparent like it does in the desktop view

[global411]

Also is there a way to get the parallax the desktop has to work on the mobile phone?

[thai]

@global411

White header title bar in mobile view.
how to get it to stay transparent like it does in the desktop view

Hi There,

Please try adding this custom CSS under Theme Optiions > CSS:

@media (max-width: 979px){
     body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: 0;
     }
}

@global411

Also is there a way to get the parallax the desktop has to work on the mobile phone?

Also add the following CSS to your Theme Options -> CSS area.

@media (max-width:979px){
	.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
		background-attachment: fixed !important;
		background-position: center center !important;
	}
}

We aren’t sure if the code will work 100%, but you can try it. For specific issues, read the following (https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios)

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.

[global411]

Worked wonderfully, thank you very much.
now if I can just get better at design

[friech]

Hi,

Of course, you can. visit the following link below it might help.

• A Word About Website Colors, And Some Useful Tools
• Exercise to Get Better at Web Design
• Showcase

Glad we could help,
Cheers!