Issue with header (responsive settings) in a page

Support
#1

Hi,

In this page https://digitalessen.com/servicios-marketing-online/, the header is set to show or not the menu modal. For example, Is showing the menu button in devices where ir doesn´t have to.

I had set each element in the devices in the “customize” section of the header.

#2

Here you have an example

#3

Hi there,

Thanks for posting in.

It seems to be working on live/front, would you mind providing your login credentials in a secure note? Maybe the issue is isolated to builder’s preview only.

Thanks!

#4

Of course, here you have.

#5

Hi There,

Thank you for the credentials. I can see the issue and there’s an error on the console.

You could try testing for a plugin conflict first. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#6

Hi,

I had disabled all third party plugins and the error is not fixed.

#7

Hello @ignaciosantiago,

Thanks for writing in! Everything seems to be functioning exactly as you have it setup in the headers I’ve inspected in your installation. The one discrepancy I found was that in your Header Services header, you have the the following visibility attributes assigned to your two navigations:

  • Navigation Inline is set to be hidden on extra small, small, and mediaum sized devices
  • Navigation Modal is set to be hidden on extra large, large, and medium sized devices

As you can see, both of your navigations are set to be hidden on medium sized devices, which is creating an overlap where both are hidden at the same time for a while.

I was unable to recreate the issue you showed in your screenshot after looking around. The Navigation Inline element is disappearing for me on medium sized breakpoints as it should.

If you are still continuing to experience an issue with this, if you wouldn’t mind providing more explicit details so we can look into this further for you, but for the time being all appears to be functioning as it should.

#8

Hi,

I had checked what you say and changed ir, but it not woriking.

#9

It works when I checked in the header builder.

And, in the front end.

The only possibility this will happen is if you’re browser’s zoom level is set higher than 100%. Please check that.

Thanks.

#10

I´ll check it

#11

It seems to be correct.

Also, i am having problemas with the header “nosotros”. I can´t all the text (headline)

#12

Hi Ignacio,

The Header looks great on every screen width on Nosotros page, can you clarify the issue?

Thank you

#13

Hi, I mean that the title in the header won´t show correctly.

It shows “Conoce…”, when it should show “Conoce Digitalessen”.

#14

Please disable the Text Overflow option of your Headline element.