Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Responsive Layout/Contact form email

responsive layout
    • 9 years, 6 months ago MoonlightCreation
      Participant

      Expired

      Hi,

      I have only just recently started working on my website, and I am at the stage of making a coming soon page.

      I have a few issues happening at the moment:

      1. Responsive layout on mobile:

      • When I look at my website on mobile, the header background image doesn’t adjust to the screen, but instead is enlarged way too much.
      • The logo in the header moves to the right, instead of staying in the middle.

      2. Contact Form 7:

      • When I test the contact form, I do not receive any emails. I asked someone else to try filling the form out too – and the same, no email comes through. Is this something that can be fixed via WordPress or is that my hosting issues? Because I receive emails to that particular email just fine.

      My website link is: http://www.moonlightcreation.com.au

       

      Thanks,

    • 9 years, 6 months ago MoonlightCreation
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      1-Responsive layout:
      -Please add these lines into your custom css box (located in General Options):

      @media (max-width: 480px){
      .header_page {
          background-attachment: inherit !important;
          background-size: contain !important;
          -webkit-background-size: contain !important;
          -moz-background-size: contain !important;
      }
      .header_page.centered {
          background-position: inherit;
          height: 170px;}
      #logo { left: -80px !important;}
      }

      2-What type of email are you using? Gmail or your company’s email? Please contact your host regarding it.
      For the notification line, add this code into your custom css box:
      .wpcf7-validation-errors, .wpcf7-mail-sent-ok {display: none;}

      Best regards!

    • 9 years, 6 months ago MoonlightCreation
      Participant

      Expired

      Hi Mihaila,

       

      Thank you for getting back to me!

      The header image worked, but the logo is still not centered.

      And the green lines still come up when I complete the contact form.

       

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please send us your wp credentials in a private reply. We can fix these for you.

      Best regards!

    • 9 years, 6 months ago MoonlightCreation
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago MoonlightCreation
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      I can not edit any code in the custom css box. But i see that instead of the code i gave you for the logo:
      #logo { left: -80px !important;}
      you changed it to this: #logo { float: left !important;} This makes the logo go left and not centered. By adding the ‘left’ attribute you can move it until you are satisfied with the result.
      For the contact form borders, please edit the above code to this:
      .wpcf7-validation-errors, .wpcf7-mail-sent-ok {display: none !important;}
      Let us know.

      Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password