theme not correctly responsive on ipad

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) theme not correctly responsive on ipad

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15953
    Rachel
    Member

    the theme is great and responsive on mobile but is not correct on the ipad. Is there code that can force the layout to be fully responsive if not viewed on a desktop? Thanks. url: http://goo.gl/LrxheI

    #21097
    Shekhar Bhandari
    Participant

    Hi Rachel,

    Inspecting your site we found that the website is fully responsive but the contact form that you created is not fully responsive as it represents values for its width. Instead of using value if you use width 100% then the problem will be solved.

    Thanks.

    #21099
    Rachel
    Member

    The navigation pushes to the next line on the ipad. Can you supply the code that will make the nav fit or look like it does on mobile? How would I make the form 100%. Thank you for your help.

    #15954
    Shekhar Bhandari
    Participant

    Hi Racheal,

    You can use the following code to make the contact form 100%.

    .wpcf7-form-control {
        width:90%;
    }

    and to adjust the menu in one line put the following code into the custom css.

    @media screen and (max-width:1000px) {
        .main-navigation li {
    		margin: 0 0 0 1rem;
    		position: relative;
    	}
    }

    Please use the code in the child theme css.

    Thanks.

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