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 errors – Folie

Folie - mobile
    • 7 years, 3 months ago Bels_06
      Participant

      Expired

      Morning

      Please have a look at this image

      https://www.belsandpeter.com/images/mobile_errors.jpg

      1 – The hamburger menu is not showing up – how to make it visible?
      2 – what needs to be done for this word to be fully visible? The word is Commercial. It happens on other pages to
      3 – One of my social media buttons (email) has ‘fallen off’ – not showing

      Please help with these issues but I dont want my website to change.

      Also the slider on the homepage – the images are way to large and not showing correctly.
      Thanks
      Belinda

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      1-The hamburger menu is there but the color of the bars is white and that is why you do not see it. I changed that to black with custom css. i Added this code:

      .cl-mobile-menu-button.cl-color-light span {
          background-color: #303133 !important;
      }

      2-Where is the word “Commercial” located? Can you post a screenshot of it?
      3-I added this code to fix all responsive issues:

      @media (max-width: 480px){
      	.cl-mobile-menu-button.cl-color-light span {
          background-color: #303133 !important;
      }
      	.cl_socialicon.cl-element.round {
          margin-left: -1px !important;
      }
      	.header_container > .main .header-el:last-child {
          margin-left: -36px !important;
      }
      }

      Result screenshot: https://postimg.org/image/j3gx63dif/
      Let me know.

      Best regards!

    • 7 years, 3 months ago Bels_06
      Participant

      Expired

      Morning

      For point 2 – here is a screen recording of the words that are to big on a mobile/phone. They need to be smaller so they fit on the screen properly. Where do I change that?

      https://drive.google.com/file/d/1VXaKFrZi9z08nx7sZ1T6lNsYApN6wpUt/view

      Also the images on the slider on the home page need to be scaled down so you can seem them properly on a mobile/phone. Same with all the other images on all pages.

      Thanks

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      I understand. Please open the Custom heading options panel. You will see these two options:
      Responsive > Custom Max width 992px and Custom max width 768. Set them ON, and then proceed in specifying the font size and line-height the Custom Heading will keep in mobile and ipad.
      See screenshot: https://postimg.org/image/id3tar0o7/
      Let us know.

      Best regards!

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