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

Row background image full on mobile and why this offset?

    • 6 years, 2 months ago Swappi
      Participant

      1) How to adjust the hero image on start page (it is a background image of a row) so that it is fully visible on mobile and table in portrait orientation?

      https://ibb.co/7tSc83W

      2) Why is that offset shifting of the text and footer on this site, visible on tablet and mobile.

      https://vertibusakta.lv/izstades-tema/

      https://ibb.co/H7JC2Gq

    • 6 years, 2 months ago Mirela
      Participant

      Hello,

      I opened your site and checked the home page, but the row showing in mobile is set to not show in mobile and ipad. See screenshot: https://ibb.co/2NLyvhY
      Am i missing something?
      Please try this code to resize background image in mobile:

      @media (max-width: 797px){
      #first.cl-row .bg-layer {
          background-position: center center;
          background-size: contain;
          height: 33%;
      }}

      You can change the headings font and line-height to match the ipad/mobile view in the headings options > Responsive (screenshot).

      2-I added this code in your Custom Css box:

      @media (max-width:797px){
       footer#colophon {
      	width: 61%;
      }
      div#viewport {
          overflow-x: hidden;
      }
      }

      To fix this.
      Please clear cache and refresh page.
      Let us know.

      Best regards!

Viewing 1 reply thread

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