-
AuthorPosts
-
September 16, 2015 at 12:53 am #503781
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
RichardSeptember 16, 2015 at 11:19 am #503932Hey Richard!
Can you please point out the changes you would like to make so we can provide more accurate solutions? :)
Best regards,
YigitSeptember 17, 2015 at 8:42 am #504571Hi 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 headerI 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
RichardSeptember 18, 2015 at 3:36 pm #505603Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.
