X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Websites with expandable frames don't scale correctly with the sidebar

Kuphostiwe

The specific page I'm looking at is https://www.theeditorsmarket.com/product/ready-to-wear/trousers/gwayn-cross-flap-wide-leg-pants-db (but this problem applies to all product pages on this website).

On the right side of the website, there are clickable, expandable frames that show more details about the product: "Details", "Other colours", "Other items in this look", and "Delivery and returns". However, having the tab bar, toolbars and especially the sidebar activated interferes with the scaling of the website, to the point that these four frames are pushed off the screen (and can't be accessed by scrolling down either, as that simply scrolls down through the product photos on the left).

I've already tried deactivating all my add-ons and reactivating them one by one.

I've included screenshots to show the following, which I discovered through experimentation:

1. The only way to have all four frames fully visible and accessible is to enter full-screen view and not have the sidebar activated (i.e. to have nothing on top of or beside the website).

2. Once I exit full-screen view, so that the tab bar and address bar/toolbar are displayed, the bottom two frames are pushed off the screen ("Other items in this look" and "Delivery and returns").

3. Once I enable the bookmark toolbar, "Other colours" is pushed off the screen as well.

4. Once I enable the sidebar, the problem becomes even worse, because the top "Details" frame is no longer scrollable. This means that part of the text in the "Details" frame is unreadable.

5. The sidebar problem is not limited to Tree Style Tab, but also occurs when the sidebar is used for other things (e.g. bookmarks, history)

6. Entering full-screen view while the sidebar is enabled does not solve the problem. The bottom three frames are still off-screen, and the top frame is still not scrollable.

It would be really great if anyone could help fix this problem. Thanks in advance! :)

The specific page I'm looking at is https://www.theeditorsmarket.com/product/ready-to-wear/trousers/gwayn-cross-flap-wide-leg-pants-db (but this problem applies to all product pages on this website). On the right side of the website, there are clickable, expandable frames that show more details about the product: "Details", "Other colours", "Other items in this look", and "Delivery and returns". However, having the tab bar, toolbars and especially the sidebar activated interferes with the scaling of the website, to the point that these four frames are pushed off the screen (and can't be accessed by scrolling down either, as that simply scrolls down through the product photos on the left). I've already tried deactivating all my add-ons and reactivating them one by one. I've included screenshots to show the following, which I discovered through experimentation: 1. The only way to have all four frames fully visible and accessible is to enter full-screen view and not have the sidebar activated (i.e. to have nothing on top of or beside the website). 2. Once I exit full-screen view, so that the tab bar and address bar/toolbar are displayed, the bottom two frames are pushed off the screen ("Other items in this look" and "Delivery and returns"). 3. Once I enable the bookmark toolbar, "Other colours" is pushed off the screen as well. 4. Once I enable the sidebar, the problem becomes even worse, because the top "Details" frame is no longer scrollable. This means that part of the text in the "Details" frame is unreadable. 5. The sidebar problem is not limited to Tree Style Tab, but also occurs when the sidebar is used for other things (e.g. bookmarks, history) 6. Entering full-screen view while the sidebar is enabled does not solve the problem. The bottom three frames are still off-screen, and the top frame is still not scrollable. It would be really great if anyone could help fix this problem. Thanks in advance! :)
Ama-screenshot ananyekiwe

Okulungisiwe ngu kamisu66

Eminye Imininingwane Yohlelo

Isisebenziso

  • Firefox 61.0.1
  • Umsebenzisi oyi-ejenti: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0
  • I-URL Yokweseka: https://support.mozilla.org/1/firefox/61.0.1/WINNT/de/

Izandiso

  • Adblock Plus 3.2 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Browsec VPN - Free and Unlimited VPN 3.20.2 (browsec@browsec.com)
  • Bulk Media Downloader 0.2.1 ({72b2e02b-3a71-4895-886c-fd12ebe36ba3})
  • Duplicate Tabs Closer 3.1.5 (jid0-RvYT2rGWfM8q5yWxIxAHYAeo5Qg@jetpack)
  • EPUBReader 2.0.5 ({5384767E-00D9-40E9-B72F-9CC39D655D6F})
  • Facebook Container 1.3.1 (@contain-facebook)
  • Flagfox 6.1.1 ({1018e4d6-728f-4b20-ad56-37578a4de76b})
  • LEO Dictionaries 3.2.2 (contextMenuExtension@leo.org)
  • Pushbullet 335 (jid1-BYcQOfYfmBMd9A@jetpack)
  • Reddit Enhancement Suite 5.12.5 (jid1-xUfzOsOFlzSOXg@jetpack)
  • Resurrect Pages 7 ({0c8fbd76-bdeb-4c52-9b24-d587ce7b9dc3})
  • S3.Translater 6.15 (s3google@translator)
  • Tab Count Icon 0.8.1.1 ({8e671754-fc9e-41c0-bb7c-0f575c4127d6})
  • Tab Session Manager 3.2.0 (Tab-Session-Manager@sienori)
  • Tree Style Tab 2.4.24 (treestyletab@piro.sakura.ne.jp)
  • Yomichan 1.5.1 (alex@foosoft.net)
  • BugMeNot Plugin 3.1-signed.1-signed ({987311C6-B504-4aa2-90BF-60CC49808D42}) (Akusebenzi)
  • deduplicate-tabs 25.1.0 (jid0-pE828rrRNdlp4WBW4dmjZn7z4lQ@jetpack) (Akusebenzi)
  • Enable Right Click and Copy 2017.4.12 (enable-right-click-and-copy@afnankhan) (Akusebenzi)
  • FindBar Tweak 2.1.12 (fbt@quicksaver) (Akusebenzi)
  • FlashGot 1.5.6.14 ({19503e42-ca3c-4c27-b1e2-9cdb2170ee34}) (Akusebenzi)
  • Foxit PDF Creator 8.1.80 (FFExtnHTML2PDF@foxitsoftware.com) (Akusebenzi)
  • HideTab 1.7.1-signed.1-signed ({B347DFB4-AC21-11DD-9016-B77D55D89593}) (Akusebenzi)
  • IE Tab 2 (FF 3.6+) 6.2.18.1 ({1BC9BA34-1EED-42ca-A505-6D2F1A935BBB}) (Akusebenzi)
  • Lazarus: Form Recovery 2.3.1-signed.1-signed (lazarus@interclue.com) (Akusebenzi)
  • NicoFox 1.0.1 (nicofox@littlebtc) (Akusebenzi)
  • open tab count widget 0.99.1.1-signed.1-signed (jid0-x24fAzIkLoGDS5vfyNzJuT1Tits@jetpack) (Akusebenzi)
  • Perapera Japanese 12.1.3.0 (peraperakun@gmail.com) (Akusebenzi)
  • Personas Plus 2.0.2 (personas@christopher.beard) (Akusebenzi)
  • Private Tab 0.2.2 (privateTab@infocatcher) (Akusebenzi)
  • QuickMark 1.2.11 (jid0-QT2VXewB9xzbRlyapSJjA4ebwoU@jetpack) (Akusebenzi)
  • Rikaichan 3.02 ({0AA9101C-D3C1-4129-A9B7-D778C6A17F82}) (Akusebenzi)
  • Rikaichan Japanese Names Dictionary File 2.01.170301 (rikaichan-jpnames@polarcloud.com) (Akusebenzi)
  • Rikaichan Japanese-English Dictionary File 2.01.170301 (rikaichan-jpen@polarcloud.com) (Akusebenzi)
  • Simple Locale Switcher 1.0.2 (simplels@nohamelin) (Akusebenzi)
  • Sitzungs-Manager 0.8.1.13 ({1280606b-2510-4fe0-97ef-9b5a22eafe30}) (Akusebenzi)
  • Tab Scope 1.6.3 (tabscope@xuldev.org) (Akusebenzi)
  • Tab Tree 1.5.1 (TabsTree@traxium) (Akusebenzi)
  • TableTools2 1.17.1-signed.1-signed (tabletools2@mingyi.org) (Akusebenzi)
  • ZenMate Security, Privacy & Unblock VPN 5.10.4 (firefox@zenmate.com) (Akusebenzi)

I-Javascript

  • incrementalGCEnabled: True

Imidwebo

  • adapterDescription: Intel(R) HD Graphics 620
  • adapterDescription2:
  • adapterDeviceID: 0x5916
  • adapterDeviceID2:
  • adapterDrivers: igdumdim64 igd10iumd64 igd10iumd64 igd12umd64 igdumdim32 igd10iumd32 igd10iumd32 igd12umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 39f217aa
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • contentUsesTiling: False
  • crashGuards: [{u'prefName': u'gfx.crash-guard.status.d3d11video', u'type': u'd3d11video'}]
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.17134.1
  • driverDate: 10-2-2017
  • driverDate2:
  • driverVersion: 21.20.16.4821
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING', u'description': u'Compositing'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_COMPOSITING', u'description': u'Direct3D11 Compositing'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'DIRECT2D', u'description': u'Direct2D'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_HW_ANGLE', u'description': u'Direct3D11 hardware ANGLE'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS', u'description': u'GPU Process'}, {u'status': u'unavailable', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}, {u'status': u'unavailable', u'message': u"Build doesn't include WebRender", u'type': u'runtime'}], u'name': u'WEBRENDER', u'description': u'WebRender'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP', u'description': u'Off Main Thread Painting'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'ADVANCED_LAYERS', u'description': u'Advanced Layers'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureContentBackend': u'direct2d 1.1'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 1
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 620 Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.fcbca0e873c3)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000010038) EGL_VERSION: 1.4 (ANGLE 2.1.0.fcbca0e873c3) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_multiview GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 620 Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.fcbca0e873c3)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000010038) EGL_VERSION: 1.4 (ANGLE 2.1.0.fcbca0e873c3) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11
  • windowUsingAdvancedLayers: True

Okuthandwayo Okulungisiwe

Misc

  • Umsebenzisi JS: Cha
  • Ukufinyeleleka: Cha

Umnikazi wombuzo

The screenshots don't seem to be showing for some reason, so I've uploaded them again here:

The screenshots don't seem to be showing for some reason, so I've uploaded them again here:
Shadow110 1072 izisombululo 14836 izimpendulo
Kuphostiwe

Hi, I have no problems with the side bar in Private Mode.

Could you please check things by doing this even though have said you have checked Extensions : SAFE MODE

In Firefox Safe mode these changes are effective:

  • all extensions are disabled (about:addons)
  • default theme is used (no persona)
  • userChrome.css and userContent.css are ignored (chrome folder)
  • default toolbar layout is used (file: localstore-safe.rdf)
  • Javascript JIT compilers are disabled (prefs: javascript.options.*jit)
  • hardware acceleration is disabled (Options > Advanced > General)
  • plugins are not affected
  • preferences are not affected

TEST''''is issue still there ?

Hi, I have no problems with the side bar in Private Mode. Could you please check things by doing this even though have said you have checked Extensions : SAFE MODE *https://support.mozilla.org/kb/Safe+Mode *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes In Firefox Safe mode these changes are effective: *all extensions are disabled (about:addons) *default theme is used (no persona) *userChrome.css and userContent.css are ignored (chrome folder) *default toolbar layout is used (file: localstore-safe.rdf) *Javascript JIT compilers are disabled (prefs: javascript.options.*jit) *hardware acceleration is disabled (Options > Advanced > General) *plugins are not affected *preferences are not affected TEST'''''''''is issue still there ?

Umnikazi wombuzo

Hi, thanks for your reply! I just tried Safe Mode and the issue is still there. Here are some screenshots. Thanks again!

Hi, thanks for your reply! I just tried Safe Mode and the issue is still there. Here are some screenshots. Thanks again!
jscher2000
  • Top 10 Contributor
8632 izisombululo 70600 izimpendulo
Kuphostiwe

I think the site's style rules were not written with your screen height in mind. The designers probably have huge, high resolution displays. ;-)

Assuming your weekend plans do not include a new monitor:

One possible workaround is to zoom out (for example, hold down Ctrl and tap the - key a few times), although this will make the text smaller. Another possible workaround is to push the screen toward its mobile layout by zooming in (hold down Ctrl and tap the - key a few times) or narrowing the window (or both). In the mobile layout, the right-side content moves below the photos and uses the full width to fit better.

I think the site's style rules were not written with your screen height in mind. The designers probably have huge, high resolution displays. ;-) Assuming your weekend plans do not include a new monitor: One possible workaround is to zoom out (for example, hold down Ctrl and tap the - key a few times), although this will make the text smaller. Another possible workaround is to push the screen toward its mobile layout by zooming in (hold down Ctrl and tap the - key a few times) or narrowing the window (or both). In the mobile layout, the right-side content moves below the photos and uses the full width to fit better.