Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can examine.

Best regards,
Mike

Hi,
I installed the plugin for you and added a safe line break for you using the code ###lt###br class=mobilebr###gt###

and added this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field so it will only show on mobile:

@media only screen and (min-width: 768px) { 
.mobilebr {
	display: none;
}
}

and cleared the cache for both languages and now the line break works only on mobile

please clear your browser cache and check.

Best regards,
Mike

Hey dlambers,
Thank you for the link to your site, I add this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-1245 .avia-slideshow-arrows.avia-slideshow-controls {
	display: none;
}

now the navigation arrows don’t show for that page, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks I didn’t realize that the screenshot was scrollable, nonetheless you can hide those fields in the screen options at the top of the page

Try using the login you gave us to use, to see the Layout option, perhaps you have it hidden on your login, or provide your login details so I can help you find it.
The admin sidebar element are movable so perhaps you moved it to the bottom of the page instead of the sidebar?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
The Layout option is in the sidebar of the backend, Please see the screenshot in the Private Content area.
The screenshot that you provided shows the page elements, the top slider and the sub-menu under it, and the special heading with the text “welcome new students” that you know is hidden:

so if you are sure you want to remove these from your page:

you can click the red “X” to delete

Best regards,
Mike

Hi,
Thanks for the screenshot, I didn’t realize that you were refuring to the Advanced Layout Builder elements, I was looking for something else, nonetheless the special heading with the text “welcome new students” is not showing on the frontend because it has been hidden in the options Advanced ▸ Element Visibility

try unchecking these boxes to show the element.
The sidebar is not showing because of the setting in the Layout:

Try changing this setting.

Best regards,
Mike

Hi,
Ok, I checked a couple of pages but didn’t see any custom fields, perhaps you explain in more detail.

Best regards,
Mike

Hi,
Thanks for the login, the sidebar has been disabled for pages in the theme settings at Enfold Theme Options ▸ Sidebar Settings ▸ Sidebar On Pages try enabling if you want pages to show the sidebar globaly, or you can choose to show the sidebar on pages individually in the page Layout options.

I don’t see any custom fields below the editor on your posts, please explain further or perhaps a screenshot would help.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I randomly checked your other pages and they seem to work, was this a new page, dose it have anything different than the other pages, like scripts etc?
You opened with a question about the sidebar on this page and you said it doesn’t have any open divs, which is what this sounds like, how about including a admin login so I can check the backend, I assume that is working for this page, correct?

Best regards,
Mike

Hi,
Thank you for your patience, unfortunately I have not received any advice from the team so I did some more digging and I found that when the logo center menu below header option is used a header_main_alternate is created along with a second burger menu on page load:

I also noticed that if you wait long enough without interacting with your site on mobile the burger menu will show, so I thought that the issue was the delay of your javascript by your WP Rocket plugin, so I used the One-click exclusion option to exclude the theme javascript:

and cleared your cache and my browser cache and now the burger menu shows for me on my Android device and in my browser Dev Tools emulating a mobile device.
Please give this a try and please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for the test page, I believe that the issue is that for desktop the container max width is 1310px so top 0, right 0 is not putting the image at the edge of the screen:

#top #main .my-container {
right: 0;
position: absolute;
top: 0;
}

but on mobile it is:

So a possible solution is to remove the max-width limitation and the padding:

#av_section_1 .container {
padding: 0;
width: 100%;
max-width: 100%;
}
#top #main .my-container {
right: 0%;
position: absolute;
top: 0;
}

You would probably want to add a page ID to the so it doesn’t affect other pages, but I don’t know if this will cause any issues with other content you want to add to the page.
Your other option is to use media queries to adjust the negative right placement for each screen size like this:

@media only screen and (max-width: 890px) { 
#top #main .my-container {
right: -8%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 891px) and (max-width: 1310px) { 
#top #main .my-container {
right: -6%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 1311px) and (max-width: 1456px) { 
#top #main .my-container {
right: -10%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 1457px) { 
#top #main .my-container {
right: -28%;
position: absolute;
top: 0;
}
}

Please note that this doesn’t cover evey screen size after 1456px, but gives you a good start depending on how precise you want to be noting that there are a limited number of actual screen sizes.

Best regards,
Mike