Hi
Thanks for the choosing Wallstreet theme.
We have checked your site but unfortunately, the banner doesn’t show on your site. I think banner image and title, subtitle not display properly. So kindly add your banner image properly on your site then we will help you better.
Please check your site once again regarding this issue.
Regards
—
Shahid
Thanks for responding to my message.
The banner image and title, subtitle, and description should not be properly displayed.
michael
Hi @professornomad
For this issue, Kindly add the CSS code given below in Custom CSS field (Appearance -> Customize -> Header Settings -> Custom CSS).
Find CSS code from this link here: https://pastebin.com/afsgJciv
Go inside of above url and copy all css code then paste code in Custom css box.
Hope it will resolve your issue.
Do let me know if you need more assistance,
Regards
—
Shahid
Hi @shahidmansuri123
That didn’t work unfortunately.
Thanks
michael
Hi michael
I have checked your site. However, the CSS code is not there as I suggests you above. Because the css code working very well at our end.
Kindly add the CSS code given above in Custom CSS field (Appearance -> Customize -> Header Settings -> Custom CSS).
Then after i will check again your site that the code working or not.
Here i showing you a screenshot url for more help: http://prntscr.com/flv7wi
Let me know if you need more help..!
Regards
—
Shahid
Hi Shahid,
The code is back in CSS. Thanks again for all your support.
michael
Hello michael
You need to add some more code in custom css box then your banner with content will be responsive on your site.
Please add the CSS code given below in Custom CSS field (Appearance -> Customize -> Header Settings -> Custom CSS).
@media only screen and (max-width: 959px) {
.flex-slider-center { width: 90% !important; }
}
@media only screen and (max-width: 480px) and (min-width: 150px) {
.flex-slider-center {
top: 50% !important;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.slide-text-bg1 { margin: 0 0 4px !important; }
.slide-text-bg1 h2 { display: block; font-size: 12px !important; line-height: 20px !important; margin: 0px !important; }
.slide-text-bg2 { margin: 0px !important; padding: 0px !important; }
.slide-text-bg2 h1 { border-bottom: 1px solid #FFFFFF !important; border-top: 1px solid #FFFFFF !important; font-size: 14px !important; line-height: 20px !important; margin: 0 !important; padding: 0 !important; }
.slide-text-bg3 { margin: 0 0 5px !important; }
.slide-text-bg3 p { font-size: 12px !important; line-height: 20px !important; margin: 0 !important; }
}
Hope this helps..!
Regards
—
Shahid
Hi Shahid,
Thanks for this support. I included the new code and now the page won’t pull up on my phone. It’s a broken link on my end. I’m not sure if that is on my end with the phone or with the webpage. I’ll keep checking.
michael
Hello Michael
I also checked your site in my mobile device. But the site working very well with responsive on my end. So once again clean cache of your mobile. Then check your site again in your mobile.
Hope you’re doing very well.
Regards
—
Shahid
