Horizontal not shrinking for laptop / tablet

sales66
61 Posts
sales66 posted this 11 May 2016

Hi.

I have created a new template for my website, but the horizontal menu is fine for Desktop, but does not shrink down to fit the page. I have looked at other solutions on this site, but none are working. I have even looked at the options selected on my current page, but nothing stands out as different.
Any help welcome?
Here is the link to the new template.
http://www.dozydave.co.uk/index.php?option=com_content&view=article&id=1&Itemid=140&lang=en&template=testing&is_preview=on

Regards Dave

Hi. I have created a new template for my website, but the horizontal menu is fine for Desktop, but does not shrink down to fit the page. I have looked at other solutions on this site, but none are working. I have even looked at the options selected on my current page, but nothing stands out as different. Any help welcome? Here is the link to the new template. http://www.dozydave.co.uk/index.php?option=com_content&view=article&id=1&Itemid=140&lang=en&template=testing&is_preview=on Regards Dave

Last edited 12 May 2016 by sales66

Vote to pay developers attention to this features or issue.
38 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 May 2016

Hello Dave,
I'm sorry but the issue is not quite clear for me.
The page
http://www.dozydave.co.uk/index.php?template=testing looks OK in both Desktop and Phone modes and I do not see any problem with menu

What exactly you mean by

the horizontal menu is fine for Desktop, but does not shrink down to
fit the page.

regards,
Aileen

Hello Dave, I'm sorry but the issue is not quite clear for me. The page http://www.dozydave.co.uk/index.php?template=testing looks OK in both Desktop and Phone modes and I do not see any problem with menu What exactly you mean by > the horizontal menu is fine for Desktop, but does not shrink down to > fit the page. regards, Aileen
sales66
61 Posts
sales66 posted this 12 May 2016

Hi.

Thanks for your reply. If you reduce the screen down for Tablets, or Laptops, then the menu goes of the sides of the page, so you cannot see the end menu's?

Regards Dave

Hi. Thanks for your reply. If you reduce the screen down for Tablets, or Laptops, then the menu goes of the sides of the page, so you cannot see the end menu's? Regards Dave
Support Team
Support Team posted this 17 May 2016

Hi,

Do you mean that if you open AREAS COVERED >> CHESHIRE you cannot see the end of the menu?
This is proper behavior for elements with fixed position. They are fixed to the top of the screen and does not affect the page and page elements.

I suggest that you try disabling Fix on Scroll extension for Phones:

disable-affix.png

Thank you,
Olivia

Hi, Do you mean that if you open AREAS COVERED >> CHESHIRE you cannot see the end of the menu? This is proper behavior for elements with fixed position. They are fixed to the top of the screen and does not affect the page and page elements. I suggest that you try disabling Fix on Scroll extension for Phones: !disable-affix.png! Thank you, Olivia
frederickgragg
16 Posts
frederickgragg posted this 30 September 2024

Unlock your potential with the Paloalto Networks PCNSE Practice Exam! Designed for aspiring cybersecurity professionals, this comprehensive practice test prepares you for the Palo Alto Networks Certified Network Security Engineer (PCNSE) certification. Our exam features real-world scenarios and questions that mirror the actual certification exam, ensuring you gain the knowledge and confidence needed to succeed.

Each question is crafted by industry experts, covering essential topics such as firewall configuration, network security, and threat prevention. With detailed explanations for every answer, you'll deepen your understanding and improve your problem-solving skills.

Whether you’re a seasoned professional or just starting, our practice exam is the perfect tool to assess your readiness. Don't leave your certification to chance—prepare effectively and stand out in the competitive cybersecurity landscape. Take the first step towards your certification success today!

Unlock your potential with the [**Paloalto Networks PCNSE Practice Exam**][1]! Designed for aspiring cybersecurity professionals, this comprehensive practice test prepares you for the Palo Alto Networks Certified Network Security Engineer (PCNSE) certification. Our exam features real-world scenarios and questions that mirror the actual certification exam, ensuring you gain the knowledge and confidence needed to succeed. Each question is crafted by industry experts, covering essential topics such as firewall configuration, network security, and threat prevention. With detailed explanations for every answer, you'll deepen your understanding and improve your problem-solving skills. Whether you’re a seasoned professional or just starting, our practice exam is the perfect tool to assess your readiness. Don't leave your certification to chance—prepare effectively and stand out in the competitive cybersecurity landscape. Take the first step towards your certification success today! [1]: https://www.dumpstool.com/PCNSE-exam.html
eja.ge.r.m
109 Posts
eja.ge.r.m posted this 21 May 2025

using a PC bottleneck calculator can help extend the lifespan of a computer system. By identifying and addressing performance issues early, users can maintain system stability and avoid excessive wear on overworked components. This proactive approach minimizes the chances of thermal stress or component failure due to imbalanced workloads check your PC bottleneck. Overall, a PC bottleneck calculator is a practical and insightful tool that enhances system performance, guides smart purchasing decisions, and supports long-term hardware health.

using a PC bottleneck calculator can help extend the lifespan of a computer system. By identifying and addressing performance issues early, users can maintain system stability and avoid excessive wear on overworked components. This proactive approach minimizes the chances of thermal stress or component failure due to imbalanced workloads [check your PC bottleneck][1]. Overall, a PC bottleneck calculator is a practical and insightful tool that enhances system performance, guides smart purchasing decisions, and supports long-term hardware health. [1]: https://pcbottleneckcalculator.net/
maazkhalid092
102 Posts
maazkhalid092 posted this 21 May 2025

Tekin Plastik, kozmetik sektörüne yönelik sunduğu yenilikçi ambalaj çözümleriyle dikkat çekiyor. Çeşitli boyut ve tasarımlarda plastik şişe ve kavanozlar, ürünlerinizi kozmetik kavanoz estetik ve fonksiyonel bir şekilde sunmanıza olanak tanır. Müşteri ihtiyaçlarına özel çözümler geliştirerek, markaların ambalaj konusundaki beklentilerini karşılamaktadır.

Tekin Plastik, kozmetik sektörüne yönelik sunduğu yenilikçi ambalaj çözümleriyle dikkat çekiyor. Çeşitli boyut ve tasarımlarda plastik şişe ve kavanozlar, ürünlerinizi [kozmetik kavanoz][1] estetik ve fonksiyonel bir şekilde sunmanıza olanak tanır. Müşteri ihtiyaçlarına özel çözümler geliştirerek, markaların ambalaj konusundaki beklentilerini karşılamaktadır. [1]: https://www.tekinplastik.com/
eja.ge.r.m
109 Posts
eja.ge.r.m posted this 01 September 2025

Capisco il problema del menu orizzontale non responsivo. È un po' come quando usi un tool come il Calcolo Stipendio Netto Online: se mancano delle impostazioni fondamentali https://stipendionettocalcola.it/ , il risultato non è ottimale. Verifica se hai incluso media query CSS per gestire la visualizzazione su dispositivi mobili.

Capisco il problema del menu orizzontale non responsivo. È un po' come quando usi un tool come il Calcolo Stipendio Netto Online: se mancano delle impostazioni fondamentali https://stipendionettocalcola.it/ , il risultato non è ottimale. Verifica se hai incluso media query CSS per gestire la visualizzazione su dispositivi mobili.
oliversmithzx
1 Posts
oliversmithzx posted this 09 September 2025

This reminds me of how a PC bottleneck works. Just like your horizontal menu looks fine on desktop but doesn’t scale down for smaller screens, sometimes a powerful GPU or CPU doesn’t “scale” well with the rest of the system. That mismatch can limit performance. If you’re curious how your hardware pairs together, you can check it with the Bottleneck Calculator
before upgrading.

This reminds me of how a PC bottleneck works. Just like your horizontal menu looks fine on desktop but doesn’t scale down for smaller screens, sometimes a powerful GPU or CPU doesn’t “scale” well with the rest of the system. That mismatch can limit performance. If you’re curious how your hardware pairs together, [you can check][1] it with the Bottleneck Calculator before upgrading. [1]: https://www.bottleneckcalculatorhub.com/
angelaspain01
1 Posts
angelaspain01 posted this 09 September 2025

This was a helpful discussion, it really gave me clarity about handling layout issues on different devices. Reading solutions like this reminds me how important flexibility and support are, just like the way 3PL fulfillment companies adapt to different business needs.

This was a helpful discussion, it really gave me clarity about handling layout issues on different devices. Reading solutions like this reminds me how important flexibility and support are, just like the way [3PL fulfillment companies][1] adapt to different business needs. [1]: https://phasev.com/
jessicaacooper121
2 Posts
jessicaacooper121 posted this 09 September 2025

Sounds like a responsive CSS issue make sure your menu is wrapped in a flex or grid container with flex-wrap or media queries, and check if your theme has a mobile menu option enabled.

Sounds like a responsive CSS issue make sure your menu is wrapped in a flex or grid container with flex-wrap or media queries, and check if your theme has a mobile menu [option][1] enabled. [1]: https://cgpatopercentge.com
codexa174
5 Posts
codexa174 posted this 16 September 2025

If the layout isn’t shrinking properly on a laptop or tablet, it feels a lot like a hardware bottleneck. Just like an oversized CPU or GPU can’t fully perform when the other part holds it back, a design that isn’t responsive can’t adjust to the screen it runs on. Checking with a bottleneck calculator helps balance parts the same way responsive design balances layouts, so everything works smoothly on any setup.

If the layout isn’t shrinking properly on a laptop or tablet, it feels a lot like a hardware bottleneck. Just like an oversized CPU or GPU can’t fully perform when the other part holds it back, a design that isn’t responsive can’t adjust to the screen it runs on. Checking with a bottleneck calculator helps balance parts the same way responsive design balances layouts, so everything works smoothly on any setup.
andrew00252025
2 Posts
andrew00252025 posted this 16 September 2025

Hi Dave,

It looks like the issue might be related to how the CSS media queries are handling responsiveness. Sometimes, if the breakpoints are not properly defined, the horizontal menu won’t shrink correctly on tablets or laptops. I’d suggest checking your CSS rules around @media and ensuring the container width is set to adjust fluidly.

Also, when troubleshooting layout issues, it’s useful to check if there’s any bottleneck check on performance or conflicting scripts that might be preventing the menu from resizing smoothly. Tools like browser dev inspector can quickly show if an element is locked by fixed widths or padding.

Hope this helps!

Hi Dave, It looks like the issue might be related to how the CSS media queries are handling responsiveness. Sometimes, if the breakpoints are not properly defined, the horizontal menu won’t shrink correctly on tablets or laptops. I’d suggest checking your CSS rules around @media and ensuring the container width is set to adjust fluidly. Also, when troubleshooting layout issues, it’s useful to check if there’s any [bottleneck check][1] on performance or conflicting scripts that might be preventing the menu from resizing smoothly. Tools like browser dev inspector can quickly show if an element is locked by fixed widths or padding. Hope this helps! [1]: https://bottleneckcheck.com/
codexa174
5 Posts
codexa174 posted this 17 September 2025

When a layout doesn’t resize properly on a laptop or tablet, it’s similar to a hardware bottleneck. An overpowered CPU or GPU can’t deliver its full potential if the other component is holding it back. In the same way, a non-responsive design struggles to adapt to different screens. Using a bottleneck calculator ensures balance between parts, just as responsive design keeps layouts working seamlessly across all devices.

When a layout doesn’t resize properly on a laptop or tablet, it’s similar to a [hardware][1] bottleneck. An overpowered CPU or GPU can’t deliver its full potential if the other component is holding it back. In the same way, a non-responsive design struggles to adapt to different screens. Using a bottleneck calculator ensures balance between parts, just as responsive design keeps layouts working seamlessly across all devices. [1]: http://bottleneckcalculatoronline.com
victoriaadam9878
1 Posts
victoriaadam9878 posted this 24 September 2025

A PC bottleneck calculator helps identify which component in your system—such as the CPU, GPU, or RAM—is limiting overall performance. By comparing hardware specifications, it estimates potential mismatches that could slow down your PC. This tool is especially useful for gamers and builders who want to optimize performance before upgrading parts.

A PC [bottleneck calculator][1] helps identify which component in your system—such as the CPU, GPU, or RAM—is limiting overall performance. By comparing hardware specifications, it estimates potential mismatches that could slow down your PC. This tool is especially useful for gamers and builders who want to optimize performance before upgrading parts. [1]: https://bottleneckcalculatr.com/
Abbas Khan
163 Posts
Abbas Khan posted this 29 October 2025

There are a ton of advanced configurations and features in the operating system of these different computers, too. Game Engine and settings: How the graphics of the program are set will have a huge impact on performance and how well they function with each game’s engine hardware performance calculator. GPU utilization may be high even with high settings. Ray Tracing: Ray tracing is a graphics rendering technique that produces high-fidelity visual effects in games but usually requires a significant amount of GPU power.

There are a ton of advanced configurations and features in the operating system of these different computers, too. Game Engine and settings: How the graphics of the program are set will have a huge impact on performance and how well they function with each game’s engine **[hardware performance calculator][1]**. GPU utilization may be high even with high settings. Ray Tracing: Ray tracing is a graphics rendering technique that produces high-fidelity visual effects in games but usually requires a significant amount of GPU power. [1]: https://bottleneckcalculatr.com/

Last edited 15 November 2025 by Abbas Khan

calculadoradehoras978
2 Posts
calculadoradehoras978 posted this 30 November 2025

Para calcular rapidamente o tempo em horas, minutos e segundos, existe uma calcular horas online. Usar esta calculadora é muito fácil para todos os usuários, graças ao seu layout simples, uso irrestrito e cálculos seguros. Esta calculadora não só ajuda a calcular o tempo, mas também permite que os usuários mantenham a programação de trabalho para várias tarefas.

Para calcular rapidamente o tempo em horas, minutos e segundos, existe uma [calcular horas][1] online. Usar esta calculadora é muito fácil para todos os usuários, graças ao seu layout simples, uso irrestrito e cálculos seguros. Esta calculadora não só ajuda a calcular o tempo, mas também permite que os usuários mantenham a programação de trabalho para várias tarefas. [1]: https://calculadorasdehora.com/
toolworkinfo
4 Posts
toolworkinfo posted this 04 December 2025

When horizontal scaling or shrinking doesn’t work properly on laptops or tablets, it’s often due to hardware limitations or driver conflicts that affect display performance. Sometimes, an unbalanced system where the CPU or GPU isn’t properly matched can cause display lag or scaling issues. To diagnose if your hardware might be contributing to the problem, you can use this CPU and GPU checker to quickly identify any bottlenecks and optimize your device’s performance.

When horizontal scaling or shrinking doesn’t work properly on laptops or tablets, it’s often due to hardware limitations or driver conflicts that affect display performance. Sometimes, an unbalanced system where the CPU or GPU isn’t properly matched can cause display lag or scaling issues. To diagnose if your hardware might be contributing to the problem, you can use this [CPU and GPU checker][1] to quickly identify any bottlenecks and optimize your device’s performance. [1]: https://bottleneckscalculators.com/
murtazadr927
5 Posts
murtazadr927 posted this 18 December 2025

It looks like the issue might be related to how the CSS media queries are handling responsiveness. Sometimes, if the breakpoints are not properly defined, the horizontal menu won’t shrink correctly on tablets or laptops. I’d suggest checking your CSS rules around @media and ensuring the container width is set to adjust fluidly.

Also, when troubleshooting layout issues, it’s useful to check if there’s any bottleneck check on performance or conflicting scripts that might be preventing the menu from resizing smoothly. Tools like browser dev inspector can quickly show if an element is locked by fixed widths or padding.

It looks like the issue might be related to how the CSS media queries are handling responsiveness. Sometimes, if the breakpoints are not properly defined, the horizontal menu won’t shrink correctly on tablets or laptops. I’d suggest checking your CSS rules around @media and ensuring the container width is set to adjust fluidly. Also, when troubleshooting layout issues, it’s useful to check if there’s any [bottleneck][1] check on performance or conflicting scripts that might be preventing the menu from resizing smoothly. Tools like browser dev inspector can quickly show if an element is locked by fixed widths or padding. [1]: https://bottleneckcalculatr.com/
jordankim9819
2 Posts
jordankim9819 posted this 20 December 2025

As someone from El Salvador I’ve run into similar issues when a menu looks perfect on a desktop but falls apart the moment you try it on a laptop or tablet and usually it comes down to missing media queries or a fixed-width element that refuses to resize so checking those breakpoints and letting the menu switch to a mobile layout fixes it fast.

As someone from [El Salvador][1] I’ve run into similar issues when a menu looks perfect on a desktop but falls apart the moment you try it on a laptop or tablet and usually it comes down to missing media queries or a fixed-width element that refuses to resize so checking those breakpoints and letting the menu switch to a mobile layout fixes it fast. [1]: https://allthingselsalvador.com/el-salvador-food/
animeslayers787
2 Posts
animeslayers787 posted this 20 December 2025

An anime slayer help to know which which of your component as GPU, CPU or RAM is limited to performance. This tool help to builders and game lovers who want to upgrade their performance.

An [anime slayer][1] help to know which which of your component as GPU, CPU or RAM is limited to performance. This tool help to builders and game lovers who want to upgrade their performance. [1]: https://animeslayers.org/
You must log in or register to leave comments