@media screen and (min-width: 1024px) {
#masthead .main-navigation ul ul li a svg {
display: inline-block;
top: 17px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
right: auto;
left: 100%;
}
}

After adding this CSS menu looks something like this
https://www.awesomescreenshot.com/video/31939296?key=d59d3b0130bdd4f6151dfbe84d751297

In the main menu, many of the submenus have sub-submenus. E.g. About Us > Manifesto > Submenu of Manifesto

The problem is that these sub-submenus always appear to the left of the submenu, regardless of the fact that they extend beyond the edge of the window. This makes them illegible.

Is there a way of getting these sub-submenus to open to the right? Or to have them to adapt correctly to the width of the window and open to the right or left accordingly?

Many thanks for your help

Chris

And here is the code

remove_action( ‘magpaper_pro_action_post_pagination’, ‘magpaper_pro_post_pagination’, 10 );
add_action( ‘magpaper_pro_action_post_pagination’, ‘magpaper_pro_new_post_pagination’, 10 );
function magpaper_pro_new_post_pagination() {
the_post_navigation( array(
‘prev_text’ => magpaper_pro_get_svg( array( ‘icon’ => ‘up’ ) ) . ‘%title‘,
‘next_text’ => ‘%title‘ . magpaper_pro_get_svg( array( ‘icon’ => ‘up’ ) ),
‘in_same_term’ => true,
) );
}

Please follow the screen record and add this code on your site
https://www.awesomescreenshot.com/video/21420290?key=fd90b6e39aaf0a2a72aa57c24060f507

Is there a way to achieve this?

Thanks

I use the Magpaper theme, which I really like, but unfortunately for some reason when I enter the website through mobile I get a blank page, so I need to scroll right to see the website. Many users don’t get it, so many don’t read me because of that.

What can I do?

Can you please share your dashboard login through our contact form? we will check the issue.
here is the link
https://themepalace.com/contact-us/

Also, regarding the color of the hamburger menu, it seems fine when we checked your site.

Regards,
Themepalace

.menu-toggle svg.icon-close {
width: 16px;
height: 16px;
fill: #fff;
}

svg.icon-menu {
fill: #fff;
width: 30px;
height: 30px;
vertical-align: baseline;
}

.menu-open .menu-toggle .icon-close {
display: block;
fill: #fff;
margin: auto;
width: 20px;
height: 20px;
}

Thank you