Hi
Having almost finished a website for a client I am a little concerned at the lack of responsiveness on a mobile. This has nothing to do with the theme rather I think with all the changes the client requested after the original design was finalised. My problem then is how do I go about making the site more responsive?
Regards
Richard
Hey Richard!
Can you please point out the changes you would like to make so we can provide more accurate solutions? :)
Best regards,
Yigit
Hi Yigit
Thanks for your reply. Ok things that spoil the responsiveness on the mobile…..
1. the phrase “Let’s catch up” and the mobile number comes across and covers up the logo
2. the space above the breadcrumbs is too big
3. the copyright line in the footer breaks..don’t really need this line in the mobile
4. hitting the menu button gives you the menu headings but it has lost the header
I understand that it is all down to my coding but if I can find a way to sort these out I would be tickled pink
Regards
Richard
Hey!
1. What do you want instead? do you want to hide it? show us what you want, then we can provide you some CSS code to achieve it. Try this for example:
@media only screen and (max-device-width: 736px) {
.phone-info {
top: 107px;
}}
2. Use this code:
@media only screen and (max-device-width: 736px) {
h1.main-title.entry-title {
display: none;
}}
3. It does not break for me. However, use this to hide it on mobile:
@media only screen and (max-device-width: 736px) {
footer#socket {
display: none;
}}
4. Not sure what you mean. What do you want to achieve? please provide us screenshots showing exactly what you need. Use imgur.com or dropbox.
Cheers!
Andy