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

Big Problem with Safari Browser

Ipda Macbookiphone
    • 9 years, 2 months ago CB1000RBiker
      Participant

      Expired

      If scrolling with the Safari browser, which happens very quickly and
      the scrolling can no longer be stopped. Tried on a Ipad and Iphone.

      Thanks for your help

      Best regards
      Manfred

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Can you please be more specific? I opened your site in iphone but the scrolling had no problems.

      Best regards!

    • 9 years, 2 months ago CB1000RBiker
      Participant

      Expired

      Hallo Mihaila,

      We have tested the page with various Apple devices . The Slider Images (Codeless-Slider) are displayed  partially on IPad. When scrolling on MacBook (touchpad/mouse the same), the page runs completely through and stops only at the Footer. You can not stop it! IPhone and Ipad scrolling is ok!

      I hope you can solve this Problem

       

      Best regards

      Manfred

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Do you have smooth scroll enabled? Do you have set any id’s to row settings?
      Let us know.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      Smooth scroll is disabled ,set no id’s in the columns.
      No change! The page is running through while scrolling (touchpad) .
      IPhone and Ipad show the image of the slider only partially!
      I hope you have a solution , is very important !

      thanks for your help
      Manfred

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please enable smooth scrolling. The credentials you send us are no longer valid. Please enable them so i can give a closer look to the site. What plugins do you have installed? Let us know.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      Hello,

      first many thanks for the help and great support !

      I delete the complete WordPress installation and reinstall WordPress and Towertheme (no dummy – data).
      Step by Step I made and tried all settings .

      Result:
      MacBook – scrolling / slider ok !
      IPad / Iphone – scrolling ok !
      But in turn the mobile devices the slider is not displayed correctly .

      Even the mega menu is not displayed correctly on the mobile devices (side menue) . (Look ‘Leistungen’ on menue ).  Here is the URL for a look : https://www.sph-datenschutzrecht.de/

      Thank you so much!
      Manfred

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Nice to know the scrolling is ok now.
      The slider looks good in mobile, screenshot. What do you want to change to it?
      We will fix the mega menu in left side navigation in the next theme update. For the time being, please use normal menu.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      Hallo,

      sorry for the late reply!

      On IPhone 5/6 or Samsung Galaxy the slider looks good in Portrait.

      If you turn the Mobiledevice in Lanscape:

      And back to Portrait

      you see only the half slider an a black bar! Testen on on Apple and Samsung.

       

      Thanks for your help

      Best regards

      Manfred

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      I added this code into your home page’s custom css box:

      @media (max-width: 767px){
      .slider#slider-fullwidth ,.codeless_slider .swiper-slide, .swiper-wrapper, .codeless-slider-container, 
      .codeless_slider_wrapper, .codeless_slider_swiper { height: 667px !important;}
      }

      It’s ok now. Please check your site.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      DO you mean change the current button or add a new one? To add a new, go to the slider’s Codeless Slide Options > Content, and fill in the data for the second button (screenshot).
      If you want to change it, then you can do it with some custom css.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      Hello Mihaila,

      if you click the button, the link is opening in the same tab. Is it possible in a new tab (like _target =”_blank”)

       

      Best regards

      Manfred

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      1-Please go to file includes/codeless-slider/codeless_slider.php and find these lines:
      https://codeshare.io/mugqq

      Replace with these:
      https://codeshare.io/Mox6d

      2-What type of ipad are you using? I don’t get the same view when opening the site from ipad mode (screenshot)
      Let us know.

      Best regards!

    • 9 years, 1 month ago CB1000RBiker
      Participant

      Expired

      Hello,

       

      we tryed on different IPads (Mini, II, Air)- always the same. In portait mode looks fine, in landscape mode you get only a part of the image (left top).

       

      Best regards
      Manfred

       

    • 9 years ago Mirela
      Participant

      Hello,

      Please go to your slider options, Codeless Slider > Background > Background Image / Color > Background Position and change it to “Center Center”.
      Let us know.

      Best regards!

    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago Ruco
      Keymaster

      Hello,

      Please can you show us your FTP credentials? I need to edit a javascript file.

      Best regards!

    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago Ruco
      Keymaster

      Hello,

      I can’t login to your WP dashboard. But I did change something at /js/main.js file.

      Please remove this line from the custom css box:

      @media (max-width: 767px){
      .slider#slider-fullwidth ,.codeless_slider .swiper-slide, .swiper-wrapper, .codeless-slider-container, 
      .codeless_slider_wrapper, .codeless_slider_swiper { height: 667px !important;}
      }

      Add this one:

      @media (max-width: 767px){
      .codeless_slider .swiper-slide .content.horizontal_centered {
          margin-top: -40px;
      }
      }

      Let us know if it worked. Or send us the login credentials so I can check it.

      Best regards!

    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      Sorry for the late reply.
      I don’t see the last code added from my colleague Ruco, in your custom css box. What changes have you made in the mean time? Let us know, so we can understand better what’s still to change.

      Best regards!

    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago Mirela
      Participant
      This reply has been marked as private.
    • 9 years ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      The difference between these two blocks of code is in the device they target. Ruco’s code is for @media (max-width: 767px) which includes all mobile devices. The code i send is for @media (min-width: 1024px) ipad landscape device width or larger.
      I don’t have an ipad in my hand so it’s hard to test this. Especially because in every ipad simulator i have opened your site with, the slider image shows perfectly.

      Will you please try out this code too?

      @media (min-width: 1024px){
      .swiper-slide.swiper-slide-visible.swiper-slide-active {
          background-size: contain;
      }
      .codeless_slider_swiper {
          height: 673px !important;
          min-height: 673px !important;
      }
      }

      Let us know.

      Best regards!

    • 9 years ago CB1000RBiker
      Participant

      Expired

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

      Hello,

      Did you made the latest suggested changes? Please clear cache and refresh page.
      I checked the site and is perfectly responsive. Please see screenshots of iphone, iphone landscape, ipad, ipad landscape. They are just like this theme is supposed to be.
      If you want to make further changes to this layout, then you can do it by customizing css code, but this is beyond our support service.

      Best regards!

      • This reply was modified 9 years ago by Mirela.
    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago CB1000RBiker
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago Mirela
      Participant
      This reply has been marked as private.
    • 9 years ago CB1000RBiker
      Participant

      Expired

      Hello,

      Problem is fixed!

      Thank you very much for your help!

       

      Best regards

      Manfred

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