Responsive HEader not showing everything on mobile

Support
#1

how come on pages like this https://vmalongisland.com/kids-martial-arts/ for some reason the heder doesnt show everything on mobile. thanks

#2

Hi There,

Seems you are using a Pro header builder to build your header, and its complete flexible to show or hide any item in mobile header. There is several items in your header, can you please confirm what you exactly wants to achieve in mobile header ? may be a screenshot so that we can give you a proper solution.

Hope to hear from you!

Thanks

#3

https://vma.vmalongisland.com/kids-martial-arts/

#4

Hi There,

I compare the given page with your home page and the header seems to behave equally on both pages.

Can you be more specific about what is not showing on mobile?

Did you check the customize tab of your bar / container / elements on the header builder to check if you did select for these elements to be hidden on mobile?

Please let us know more details.

Thanks

#5

see how it is not fitting on screen on my mobile

#6

Hey There,

When I visited your page in my android device, this is what I see:

Please clear your mobile phone’s browser cache or use private browsing mode and test again.

#7

i cleared the cache and got the same image i posted i even tried different browser on my pohne and samet hign

#8

Hi There,

You can add this CSS to Theme Options > CSS so the header wont be cut off

.el11.x-section.fullscreen-row {
    min-height: 400px;
}

Hope this helps.

Thanks

#9

do i need to add anytihng to the class on that page

#10

Hi,

Yes.

.page-id-22 .el11.x-section.fullscreen-row {
    min-height: 400px;
}

Let us know if it works.

Thanks

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.