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

Mobile Responive Issues

Mobile Responive Issues
    • 8 years, 1 month ago Onik
      Participant

      Expired

      Hello,

      I have some issues regarding the mobile view, which I need fixed.

      [URL=https://www.imagebanana.com/view/gc2atbhp/image1.PNG][IMG]https://i.imagebanana.com/img/gc2atbhp/thumb/image1.PNG[/IMG][/URL]

      https://www.imagebanana.com/view/gc2atbhp/image1.PNG

      1. White Menu Bar should be removed, as I dont have any menu. Instead only Logo should be shown centered.

      2. Slider Content should have full view including complete text and button.

      3. Counddown timer should be shown without bugs in the mobile vie too.

      [URL=https://www.imagebanana.com/view/24g6dbu8/image2.PNG][IMG]https://i.imagebanana.com/img/24g6dbu8/thumb/image2.PNG[/IMG][/URL]

      https://www.imagebanana.com/view/24g6dbu8/image2.PNG

      4. Call to action and Smartphone Image should appear more centered.

      Many thanks for help!

    • 8 years, 1 month ago Mirela
      Participant

      Hello,

      Please fill in the necessary information on the extra information fields of your profile data. So we can give it a closer look.

      Read this article for more information.

      Best regards!

    • 8 years, 1 month ago Onik
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 1 month ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      1-Please go to file css/bootstrap-responsive.css and find these lines:

       .section_clear{margin-left:0; margin-right:0;}
        .vc_column{padding-left:0; padding-right:0;}
        #logo{
           float:right;
           left:0 !important;
           right:0 !important;
           -webkit-transform: none !important;
           -moz-transform: none !important;
           -ms-transform: none !important;
           -o-transform: none !important;
           transform: none !important;
        }

      Remove the !important from left:0 !important; Save changes.

      2-I added this code into your custom css box:

      @media (max-width: 480px){
      #logo {
          left: -19px !important;
      }
      .top_wrapper {
          padding-top: 112px !important;
      }
      .codeless_slider_swiper {
          height: 550px !important;
          min-height: 550px !important;
      }
        .codeless-slider-container.swiper-parent.swiper_slider.codeless_slider {
          height: 550px !important;
      }
      .countdown_show4 .countdown_section {
        width:100% !important;
      }
      .vc_column_container>.vc_column-inner {
          margin-left: 20px !important;
      }
      }

      To cover all other points. This is the result:
      https://pho.to/Ahk93
      https://pho.to/Ahk98
      https://pho.to/Ahk9F
      Please clear cache and refresh page. Let us know.

      Best regards!

    • 8 years, 1 month ago Onik
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 1 month ago Mirela
      Participant

      Hello,

      -Please edit the value, in:
      #logo { left: -19px !important;}
      from the code above to -49px.

      -Even if you make the background transparent, this won’t happen. First because the gray background is of the slider, not header. The slider is below header, not under it. So making header background transparent won’t make a change.

      Add this code too, inside the @media rule:

      .header_wrapper {
          background: background: rgb(128, 128, 128); !important;
      }
      .background--dark #logo img.light {
          display: block !important;
          visibility: visible !important;
      }
      .background--dark #logo img.dark {
          display: none !important;
          visibility: hidden !important;
      }

      Result screenshot.
      Please know that these are personal customizations normally not included in support.

      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