-
-
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
2) Images get stretched and very large
-
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!
-
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.
-
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!
-
You must be logged in to reply to this topic.