Support ForumProblem with responsive navigation – Support Forum https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/feed Thu, 05 Dec 2024 04:11:16 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11156 <![CDATA[Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11156 Tue, 12 Jan 2016 11:28:15 +0000 tonicbox Hi
On my desktop iMac, when I add too many menu items to the navigation (so that it becomes wider than the space between the logo and the search/cart icons, the navigation automatically switches to responsive and shows the responsive menu icon (3 waves).

I’ve tried reducing the size of the logo to allow for more space, but the menu keeps switching to responsive.

In the theme settings, under ‘header options’ there’s an option called ‘Header navigation responsive layout’ which is set to 1060. I’ve tried adjusting this but it doesn’t seem to make any difference.

In ‘General options’ the ‘Responsive layout’ option is set to ‘responsive’.

By the way, I’m using the Eshop template.

]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11166 <![CDATA[Reply To: Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11166 Wed, 13 Jan 2016 06:36:03 +0000 IshYoBoy Hi tonicbox,

to change your menu to normal menu make sure to set it in “Appearance -> Theme Options -> Header Options -> Main Navigation Position” and choose “center”.

If you still have a hamburger menu then you either have too long items in the main menu so they cannot fit next to the logo or your screen size is smaller than the setting in:

“Appearance -> Theme Options -> Header Options -> Header navigation responsive layout”

In this case you have 3 possibilities:
1. Reduce first level menu items
2. Change value “Header navigation responsive layout”
3. Set “Theme Options -> General Options -> Page Width” to “Full Width” or to your custom width, where the menu is displayed normal

If you have still problem with your menu, please provide us some link where we can see the result.

Cheers

—
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11199 <![CDATA[Reply To: Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11199 Thu, 14 Jan 2016 09:30:37 +0000 tonicbox Thanks for the reply. I have adjusted the menu so that it’s smaller, so on desktop it’s fine. However, I want the full menu to appear on tablets in landscape mode, but it’s showing the responsive menu instead.

I have the settings as you’ve suggested (menu is centered, etc) but it doesn’t make any difference.

I’ve tried changing the value in ‘Header navigation responsive layout’ and it doesn’t appear to do anything – can you fully explain how this field works? What I’d like it to do is show the full menu on desktop, laptop and tablet landscape, the show the responsive menu on anything smaller.

You can see the theme here – https://tonicboxdev.co.uk/evolution/boarding/ – try it on a desktop then on an iPad or other tablet (I have an iPad) in landscape.

The setting I currently have for ‘Header navigation responsive layout’ is 767, as I want the responsive menu to kick in when the screen size is 767 or smaller, which is my understanding of how that setting works.

Thanks

]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11209 <![CDATA[Reply To: Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11209 Fri, 15 Jan 2016 06:50:30 +0000 IshYoBoy Hi tonicbox,

there is probably a problem with WordPress tagline “Reptile & pet shop Kiddlington, Oxfordshire”.
This tagline is displayed on your page, although it was hidden by this css code:

Free space for displaying regular menu depends also on this element.
You can try adjust your css:

Or try completely remove your tagline if it helps.
Please let us know. Thanks

Cheers

—
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11220 <![CDATA[Reply To: Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11220 Fri, 15 Jan 2016 09:33:26 +0000 tonicbox Thanks for the advice, but this didn’t make any difference. The responsive menu is still appearing on desktop, laptop and iPad landscape. I’ve removed the tagline completely from the header.php.

Please can you confirm how the ‘Header navigation responsive layout’ is supposed to work, as I’ve changed the settings in there and it doesn’t have any effect.

Thanks

Lee

]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11225 <![CDATA[Reply To: Problem with responsive navigation]]> https://support.ishyoboy.com/forums/topic/problem-with-responsive-navigation/#post-11225 Fri, 15 Jan 2016 14:43:58 +0000 IshYoBoy Hey,

First you need to go to “Theme Options” -> “Header Options” and change the menu position from “right” to “center”.

Then the menu should be displayed as regular menu. However if there are too many items in it, it will automatically be converted to responsive one.

Did this work?

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>