Responsive issue

[Gee]

I have some issue related responsiveness of design take a look on below images and here is the site URL : https://www.gracefinstitute.com/   https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_0428-2.png https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8109.jpeg https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8110.jpeg https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8114.jpeg https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8111.jpeg https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8112.jpeg https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_8113.jpeg  

[Mark Morgan]

Please share your admin credentials with us to replicate these issues at your end. PS: mark reply as private while sharing the credentials.

[Gee]

This reply has been marked as private.

[Anshuman Sahu]

Well for this you have many menu items in your header that header cannot accommodate resulting in this distortion .Its full proof solution would be either remove some menu items or move some menu items to sub menu .    

[Gee]

1) I have removed 2 menu items still menu goes off on i pad 2) I have added Blog header/feature Image using below code which you have given but now is missing blog .title {background: url('https://www.gracefinstitute.com/wp-content/uploads/2018/07/Blog-Page.jpg') !important; background-size: cover !important; background-repeat: no-repeat !important; height: 700px !important; margin-top: 80px; padding-top: 525px !important; } 3)in the i page overlay of category looks weird take a look on below link https://www.gracefinstitute.com/wp-content/uploads/2018/07/IMG_0428-2.png 4) I have added header image in below link by using the code which you provided me but it's not responsive in mobile https://www.gracefinstitute.com/all-courses/ .course.directory section#title { background: url(https://www.gracefinstitute.com/wp-content/uploads/2018/07/All-Course-Page1.jpg) !important; background-size: cover !important; background-repeat: no-repeat !important; /* background-attachment: fixed !important; */ padding-top: 500px; height: 630px !important; margin-top: 127px; padding-top: 262px !important; }

[Anshuman Sahu]

1. unable to replicate the issue : https://screencast-o-matic.com/watch/cFQr26qRxw 

  2,3 fixed.  

1. What layout you wish to see in mobile for that image ?

 

[Gee]

The header image for below 2 pages are still not responsive I already have mentioned it on the previous request take a look on below link in mobile view 1) https://www.gracefinstitute.com/blog/ 2) https://www.gracefinstitute.com/all-courses/

[Anshuman Sahu]

Please provide some time to check this .

[Gee]

How many days it will take ?

[Anshuman Sahu]

try adding this css in your wp-admin -> apperance -> customize -> custom css :   @media (max-width:1024px){ .course.directory section#title{ padding-top:300px!important; height:auto !important; } }     @media (max-width:500px){ .course.directory section#title{ padding-top:100px!important; height:auto !important; } }

[Gee]

you haven't mentioned css for below page 1) https://www.gracefinstitute.com/blog/

[Anshuman Sahu]

Im sorry here it is :  

@media (max-width:1024px){

.blog section#title{

padding-top:300px!important;

height:auto !important;

}

}

@media (max-width:500px){

.blog section#title{

padding-top:100px!important;

height:auto !important;

}

}

[Gee]

Mine others responsive related issues are still not solved like menu header background Colour is white but when you open any other pages on I pad menu header become transperant I want it same with white background for all the pages 2 ) I have added Google captcha on home page registration form it looks fine on desktop and mobile but when it's comes to I pad it's looks bigger then other fields like it starches from right side can you please solve this issue it's been one month i m posting this things again and again

[Anshuman Sahu]

1. fixed .

2 . please remove that other captcha math captcha , it should fix it.    

[Gee]

please remove that other captcha math captcha , it should fix it. I don't get it for which math captcha you are talking about we don't have any math captcha in site

[Author]

Posts