Hi Ismael,

Thanks! Yes, I believe I misspoke above. I am aware of toggle in the Enfold theme settings between 768px and 990px. I’d like the mobile menu to appear at 990px (and not 768px) for tablets and mobile which is easy to do of course. The rationale behind 990px is that I have a lot of menus across the header.so the mobile menu is a great tool to have at this size.at 990px and below. But anyway, my problem at from approximately 850px to 990px still remains. The menu container appears appears to turn white and the header plus menu area shifts up. This has only happened in Enfold v4. And I do have custom header code as referenced above, but I disabled it and the problem remains. However, when I go to LayerSlider WP > Slider Settings > Layout > and go from Responsive to Fixed Sized it solves the problem but I definitely don’t want to use the fixed layout option.

Thanks!

Steve

Hi Rikard,

Thanks for your ideas! Yes, I just temporarily deactivated my header code, flushed the WP Fastest Cache – Premium – plugin, and the same problem ensues. However, when I go to LayerSlider WP > Slider Settings > Layout > and go from Responsive to Fixed Sized it solves the problem. However, the fixed slider is a little rough around the edges (and doesn’t look very professional) especially for mobile so I definitely want the responsive layout to work. I’ve only had this problem since upgrading to Enfold v4.

So would it be a correct to assume that my header / menu issue has something to do with the container size of the Layerslider WP, responsive vs. fixed? I’ve read other users in this forum are having similar issues. And I also read that the Layerslider WP hasn’t been updated for some time, but I did not confirm this.

Any other ideas?

Thank you! for your time!

Steve

Hi Elliott,

Thank you so much! That worked perfectly.

Most Gratefully,

Steve

Hi Josue,

Thank you! This code shows more of the image but not the full one. I may just go with an image for the desktop view and use the default for tablet and mobile views.

Thanks again for your help and expertize!

Steve

Hi Josue,

Thanks again for the code.

This is what I got to work:

/* Increases the height of the Title Container */
.title_container {
min-height: 140px !important;
}

/* Moves the vertical placement of the Page Title down; values can be negative too */
.main-title.entry-title{
position: relative;
top: 80px;
}

/*Moves the vertical placement of the page Breadcrumbs down and keeps it on the right */
.breadcrumb.breadcrumbs.avia-breadcrumbs {
position: relative;
left: 800px;
top: 60px;
}

Do you have any ideas for the tablet and mobile views? This looks good on my desktop view, but the mobile image, page title, and breadcrumbs look off. Test site: http://test4.specialized-pt.com/new-patients/your-first-visit/

Thank you,

Steve

Thank you Josue! I’ll give this a try tomorrow night. Steve

Hi Josue,

It worked! I transferred a new copy of the Enfold theme to my hosting folder and labeled the old one as ‘Enfold_old’. I just kept the old folder there as a reference. I’m able to see now all of the changes that were made to the Enfold files.

Thanks for the plugin too! I tried it on my local host site without success. I’m sure it works fine. I just ran out of time to troubleshoot.

Thanks once again Josue for your rapid responses, expertise, and advice.

Sincerely,

Steve

Hi Josue,

That is great to hear! I’ll give it a try tonight.

Thank you so much!

Steve