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

Fixed Width Site to avoid bugs even in Specular Demo site

    • 9 years, 4 months ago anshuarya
      Participant

      Expired

      How can I prevent the site from trying to scale as the browser width decreases?

      I have already disabled “Responsive Layout”.

      Alternatively, where are the widths set that make the site switch from full-menu to drop-down menu, etc?

      You can see poor width scaling behavior here as you resize your browser even in the Specular demo:

      1) The menu falls to another line

      menu-two-lines

       

      2) Images get stretched and very large

       

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      I have already responded you regarding this in this other topic of yours: https://support.codeless.co/forums/topic/fixed-image-width/

      -Theme is build to be responsive. Meaning it will resize it’s elements according to the new layout until the size of a specific device is reached (in the cases of browser shrink). If you are somewhere in between, like the screenshot above, the menu width will exceed the header width and cause it to slide down. This is usually not an issue because theme is always accessed by either a normal desktop computer/ laptop / ipad or mobile. All of which are devices with specified sizes that are covered by the responsive css code.

      Best regards!

    • 9 years, 4 months ago anshuarya
      Participant

      Expired

      Then I would like to report the above as a bug that you are missing some widths.  In Windows the “snap to edge” feature allows users to easily take up 1/2 the screen for a window.  When the browser is on 1/2 the screen, the above bug occurs.  That width was not accounted for.

      Since you may not be able to capture every possible width, this would be better solved by ensuring the menu does not wrap to the second line at all, regardless of browser width.

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      You can change that to your need, by decreasing the padding between menu items in General Options > Header options > Menu Options > Menu Items padding / margin. This will make menu width smaller and will not slide to the second line.

      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