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

3 problems, in mobile version

button menufirst list itemmobile version
    • 5 years, 8 months ago ursoiX
      Participant

      Hello

      I have 3 problems on my site: https://alprof.3go.ro/architectural-systems/

      1. The languages from (top bar) is not visible in mobile version. It is more than important to be visible.

      2. The button menu, in mobile version it is above the logo. It must be separate and visible.

      3. First pdf icon it is not in his place. In https://alprof.3go.ro/standart-profiles/ page it is same problem.

      Please solve or give me the solution to solve them

      Thx

    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      1-The top bar by default is not present in the mobile. Due to the small screen. To add it, please add this code into your Specular > General Options > Custom Css box:

      @media (max-width: 767px){
      .top_nav:not(.top_nav_mobile) {
          display: block !important;
      }
      .top_nav .row-fluid [class*="span"]:first-child {width: 25% !important;}
      .top_nav .row-fluid [class*="span"]{width: 70% !important;}
      }

      2-Add this css:

      @media (max-width: 480px){
      #logo img {
          max-height: 40px !important;
      }}

      3-Add this:

      .list ul {
          float: left;
      }

      Result screenshot: https://ibb.co/TWgxYk3
      Best regards!

    • 5 years, 8 months ago ursoiX
      Participant

      Dear Maria

      thank you very much for your response

      but after modification, one part from contact page has been changed

      https://alprof.3go.ro/contact/

      https://alprof.3go.ro/ro/contact/

      please help me again!

      thx

    • 5 years, 8 months ago Mirela
      Participant

      Hello,

      Please edit this code:

      .list ul {
          float: left;
      }

      To this:

      .list ul {
          float: initial;
      }

      Let me 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