Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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
    Richard

    #503932

    Hey Richard!

    Can you please point out the changes you would like to make so we can provide more accurate solutions? :)

    Best regards,
    Yigit

    #504571

    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

    #505603

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.