Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #27488

    Hi guys,

    Just a couple of questions/issues re this site http://goo.gl/Cb3UX:

    1. The fixed social icons have disappeared! The social icons appear on the mobile version but not any other version bigger than that….

    2. My client needs an image to the left of the contact form. I have attempted to replicate the contact form with an external plugin (as recommended in a previous thread) – but many issues have arose with that and am struggling to style the contact form plugins to look and work exactly like the theme’s contact form. I need another solution – I have thought about creating a custom page template with the embedded contact form and image but not sure how to exactly approach that. Suggestions please? Here’s the page I want to use the theme’s contact form (currently using a contact form 7 form) http://goo.gl/HzZbp3.

    #134194

    Hi

    #1 – You have this css in your custom.css file which is causing the issue:

    @media screen and (min-width: 321px){
    .responsive #top .social_bookmarks {
    display: none;
    }

    #2 – You should be able to just add an image to the page you have designated as the contact form. Then you can target the form by its class and make it 50% width and float right. As long as the image is set to float left it should work. You may need to add in a media query to adjust it on mobile devices depending on how you want it to look.

    Regards,

    Devin

    #134195

    Thanks Devin,

    #1 is all fixed up – thanks!

    #2 – I have followed your advice but to no avail. I have noticed that the img is wrapped up in a p tag which is 100% width. I temporarily changed this to 38% (not good practice in terms of responsive design) but this didn’t work either… Here’s the URL of the page regarding this: http://www.carlottahey.com/contact/

    Thanks!

    #134196

    Seems the page is behind a coming soon now. But the contact form should be in its own wrapper so you just need to set it to 48% and have it float: right and do the opposite to the image (still 48% width).

    Regards,

    Devin

    #134197

    Hi Devin,

    Sorry, had a mental blank about the coming soon mode. You can view the page if you go to http://goo.gl/HzZbp3 and then go to contact via the main menu. I have followed your steps, but the contact form is wrapped in a p tag (this is not something that I have done via the WordPress backend, possibly something to do with the page template?) which is very strange. However, even if I change the width of the p tag there is no change so it may not be working due to something else.

    Really appreciate your help!

    #134198

    Still unable to view it but you may need to add !important to your css or prefix it with #top so that its given higher priority.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Couple of questions/issues’ is closed to new replies.