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

Tablet Responsiveness & Carousel Looping

Continuous Gallery CarouselResponsive Nav
    • 9 years, 3 months ago pixelwise
      Participant

      Expired

      #1 How do I make the slider continuously loop when it reaches the end? I don’t want it redirected to the start; I want to see the slider continuously loop when I go to either left or right direction.

      Slider Type: Gallery Carousel
      Slides: 5
      Gallery Carousel Effect: Simple
      Slider layout: Fullwidth
      Active Fixed Slider: Off
      Active Parallax: On

      #2 On the ipad, my navigation menu goes down from its place while the logo remains at the top left.
      How do I make the nav menu responsive so that it still retains in-line with the logo?

      The nav menu has 7 items/pages with the search button at the end. The logo is 267px wide and floated left.
      It’s responsive with lesser menu items; but all menu items are needed. Further, the distorted nav also occurs between 980px to 1275px wide.

      At a screen width of 1903px:
      The nav bar (logo, menu, search button) is 1100px wide.
      Logo is 266.656px wide.
      Menu is 721.266px wide.
      Search button is 34px wide but with a left margin of 20px.

      #3 As another option for #2, how can I make the navigation menu turn into the mobile menu?

      #4 When in mobile view on a page with a gallery carousel, the menu becomes twice its original height. So, there is a line for the menu and logo, another line that’s just white space. How do we remove the white space?

      Other Details:
      I have tried entering custom CSS as well as media queries through Specular General Options as well as adding a modified style.css to the core files via the child theme. I am using the child theme. I have the latest version (from Feb 18, 2016); WP version is 4.4.2. — The custom CSS is not getting implemented or applied.

    • 9 years, 3 months ago Mirela
      Participant

      Hello,

      1-Please read this related topic.

      2-Decrease the menu items padding and margin to decrease it’s width so that it won’t slide down when the screen gets smaller. edit these values in General Options > Header Options > Menu Options.

      3-If you have enabled the responsive mode, then you will have automatically the mobile menu on. Check it at General Options.

      4-Please send us a link so we can give specific css.

      *The custom css box has no issue and the code inserted will work. Please make sure first that you are modifying the right css classes.
      Let us know.

      Best regards!

    • 9 years, 2 months ago pixelwise
      Participant

      Expired

      Hi Mihaila,

      Thank you. On #2, I made the font size decrease at ipad portrait screen and then go mobile at a smaller screen. #3 was already enabled pre-query (I had to do custom CSS to match it to preference). CSS is working too.

      I’ll check on #1 if it would work for me. I’ll update you.

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