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 mobile issues

Mobile
    • 9 years, 2 months ago alishaalyson
      Participant

      Expired

      Hi, I am having some issues with the mobile version of my site and hoping you can help.

      Responsive layout on mobile:

      When I look at my website on mobile, the main background image on my homepage isn’t responsive and appears enlarged. I have this same issue with my contact form at the bottom of the page. For the image at the top, I tried putting it into columns to contain the size, but this did not change anything. I also tried using the bit of CSS code you included on this post https://support.codeless.co/forums/users/moonlightcreation/ but this also did not fix it.

      I also tried putting the image into a slider, but since it is only one image, when I loaded the page, the image would appear at the top left side of the page as a black box while it was loading although it did appear the correct size on mobile… so neither option really works.

      what am I missing?

      here is the website I’m referencing:  https://paretomarketingusa.com/

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom cs sbox:

      @media (max-width: 480px){
      .wpb_row.standard_section {
          background-size: contain !important;
      }}

      Result screenshot. Let us know.

      Best regards!

    • 9 years, 2 months ago alishaalyson
      Participant

      Expired

      This did not work for me. :( Perhaps I am adding it incorrectly? Screenshot here> https://screencast.com/t/EFfxUdkf

    • 9 years, 2 months ago alishaalyson
      Participant

      Expired

      Nevermind! Figured it out. I deleted part of the code above it when I added this new bit. Got it fixed, Thank you!

    • 9 years, 2 months ago alishaalyson
      Participant

      Expired

      Is there any way to decrease the space between the image and the button? It displays well on desktop but you have to scroll a ways to get to it on mobile.

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please add this code:

      @media (max-width: 480px){
      .vc_empty_space { height: 145px !important;}
      }

      Best regards!

Viewing 5 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