Header not responsive

  • Resolved nclarkston35

    (@nclarkston35)


    3 years, 6 months ago

    I love the look of this theme like no other I’ve played with, but my header image does not scale in mobile format. I’ve looked at a few other bits of custom CSS and tried them in the custom field, but no luck yet. Any help?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @nclarkston35

    Please try the following CSS

    @media only screen and (max-width: 480px) {  
	
	#parallax-bg #slider-inner {
    	height: 250px !important;
 	}
	
	#elvinaa-main-menu-wrapper {
		margin-top: 0;
	}
	
	#parallax-bg #slider-wrapper .inner-overlay:before {
    	top: -200px;
  	}
	
	#elvinaa-main-menu-wrapper .navbar-toggle {
		min-height: 0;
	}
}

@media only screen and (max-width: 767px) {  

	#parallax-bg #slider-inner {
    	height: 350px;
	}
	
	#parallax-bg #slider-wrapper .inner-overlay:before {
    	top: -100px;
  	}
}

    Copy & Paste it in Appearance -> Customize -> Additional CSS

    Let us know if this works for you

    Best Regards

    Thread Starter nclarkston35

    (@nclarkston35)

    You are a lifesaver! Thank you so much! Sorry for my late response, I was out of town, but this worked perfectly. I so appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header not responsive’ is closed to new replies.