BlueOwlCreative » Topic: Number of products on mobile navigation https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/feed/ Thu, 11 Jun 2026 01:54:52 +0000 http://bbpress.org/?v=2.5.3-5249 en-US https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34821 <![CDATA[Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34821 Wed, 20 May 2020 16:43:49 +0000 Prinzsama Hello,
I have 2 questions please :
First of all, i want to show only products one by one on mobile navigation.
Now they appear 2 by 2
I want to show products one by one on navigation mobile.

After that i want to reduce height of the fortuna heading in contact page, because the picture is too big.

Thank you

]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34824 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34824 Thu, 21 May 2020 13:50:35 +0000 BlueOwl Hi there,

What’s your URL please? Two products on which page?
Which contact page, URL please, we have quite a few contact pages in the Demo, maybe you want to show me yours?

]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34828 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34828 Thu, 21 May 2020 21:43:06 +0000 Prinzsama https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34830 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34830 Fri, 22 May 2020 12:17:47 +0000 BlueOwl Sure, try adding this to either your Theme Options -> Custom CSS or your Child theme’s CSS file:

@media only screen and (max-width: 768px) {
 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
   width: 100%!important;
 }
}
]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34832 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34832 Fri, 22 May 2020 21:46:13 +0000 Prinzsama https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34838 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34838 Sun, 24 May 2020 07:55:57 +0000 BlueOwl Oh, how about this then :) :

@media only screen and (max-width: 768px) {
 .content_body .woocommerce ul.products li.product, 
 .content_body .woocommerce-page ul.products li.product {
   width: 100%!important;
 }
}
]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34882 <![CDATA[Reply To: Number of products on mobile navigation]]> https://blueowlcreative.com/support_wp/forums/topic/number-of-products-on-mobile-navigation/#post-34882 Tue, 26 May 2020 21:19:13 +0000 Prinzsama