Does one have to look after the responsive settings?

I was under the impression the template would handle the necessary responsive transitions. It seems however I’m going to have to do so on my own. What/Why is this pro template such a PITA?

https://cl.ly/bb3fc61f29de/Image%202019-08-19%20at%203.46.41%20PM.png

Hi James,

Thank you for writing in, yes the Theme is mobile responsive but there are things that do not work well in mobile views, like the fixed right bar.

What you need to do is hide that fixed right bar altogether in mobile views using the Hide During Breakpoints feature, then create a Top Bar that will serve as the header on mobile views, use the Navigation Layered element for your mobile menu. Hide the top bar on desktop views using Hide During Breakpoints feature as well.

Hope it helps,
Cheers!

Here’s why I get so dismayed. What I’m supposed to find isn’t there and hence what I’m supposed to do cant be done.

https://cl.ly/b518337a7849/Screen%20Recording%202019-08-20%20at%2007.24%20AM.mov

Later-

Okay, I found the setting that was off. Now I can see it.
Never mind.

But even that help only takes me a little way to the next unwelcome mystery.

https://cl.ly/f430ad28be92/Screen%20Recording%202019-08-20%20at%2008.39%20AM.mov

Hi James,

You have the right impression, that is the Toggle border-radius.


I can see it on your screencast at 0:58s mark., please check.

Thanks,

Thanks for that! Now I’d like to know why I can’t modifiy the thickness of the lines making the burger please

https://cl.ly/7c30ffc97a58/Screen%20Recording%202019-08-21%20at%2010.42%20AM.mov

Hello James,

1em is roughly 16 pixels. If you want a thinner hamburger size, please use px unit instead.

We would love to know if this has worked for you. Thank you.

It must be something else as well. I’ve entered the same settings as shown in the image. Why did it work for you?

https://cl.ly/ae8676f541c9/Image%202019-08-22%20at%208.12.39%20AM.png

Hello James,

Take also into account the graphic margins above the graphic toggle options. I have tested it in your site and this is what I am getting;

Hope this helps.

The exact same thing on this end leaves me with what you see!

https://cl.ly/f19ced436a8e/Image%202019-08-23%20at%209.05.25%20AM.png

Hey James,

It’s weird because the setting on my end works. And in your screen, they are too thick. How thick or how thin you want the hamburger it to be so that I can set it up for you to finally resolve this issue?

Regards.

I’m not exactly sure - perhaps half as much as the space tween them? I’m having a number of interface issues that are extremely dispiriting. It’s getting so I dread opening the application. I posted another Q about cornerstone and how I can’t seem to find it. The scrolling function is unreliable and the constant need to click on on "yes proceed’ is making me mean.

Hello James,

I think I remembered that in one of your thread, you are not using the “Actual Size” of your browser screen. Check your browser screen first and then edit your header and adjust the toggle size again.

Please let us know how it goes.

Hello James,

I went ahead and edited your header instead.
I’ve set the size to 2px and the spacing is 10px.

Hope this helps.

I’ve changed nothing and look what I get on my end

Hi James,

That is weird. Have you taken a look at it on a different browser?

Hi James,

So, let’s keep this thread about the hamburger menu and make sure that we fix the problem. I am not sure what changes have done after the last response but I want to show you how I see the Hamburger menu:

It is showing correctly for me. I am using the latest version of the Chrome browser on Mac. I asked my colleague to check with Chrome on Windows and he reported back and he sees exactly what I shared in the screenshot above.

I will appreciate you follow the steps below:

  • Purge the cache and disable the cache plugin. It is not recommended to have the cache plugin while developing the website and it may cause problems.
  • Check the builder with another machine and see if you see the same problem.
  • If you see the problem only on your machine it might be the problems below:
  • The extensions of the browser that you use might contribute to the problem.
  • Try clear your browser cache as that might contribute to the problem.
  • Check the builder with another browser on your machine to see if it is machine-specific or browser-specific.

Kindly consider that the point above is the best guesses we could have regarding the issue you are experiencing with the Hamburger menu as we can not replicate the same problem and we do not have access to your machine.

Thank you.

THANK. I left a login in a secure note for you. I’ll submit another.

Hey James,

We have a known issue with the Burger lines and we now know what’s affecting it. it’s the Minimum Font Size of the Chrome Browser. I’d like to go back to Ben’s suggestion to quickly check if that is also your case.

If there’s no issue with other browsers like Firefox, it’s certainly the Minimum Font Size of Chrome. You can disable that by clicking the 3 dots at the upper right corner of the browser.

Click on Settings > Appearance > Customize fonts

Make sure the Minimum font size is set to Tiny.

That is, by the way, the default setting of Chrome.

Thanks.