Hi Wailokcc
2) Please understand that the burger menu is given only for the purpose of mobile and tablet layout, it is how the website is shown. The steps you are showing, is correct but it is not the way to just the layout of the website because you are opening a mobile screen layout in your desktop browser.
If you want to really test your website responsive layout, know how it looks in all kind of different screen.
You can use dev tools of your browser or many website provide this feature online.
Like
http://responsivedesignchecker.com/
1) The login link is not moved to the menu, you have created a login/Register link in your main menu, and when the screen size decrease, the menu will show in sidebar and main menu from header will remove.
Yes the cart is duplicated, I am writing some custom css code for you please paste to
Wp-admin > Appearance > customization > custom css > publish
@media screen and ( max-width:414px){
.vbpcart{
display:none !important;
}
}
3) To minimize the size of course block in mobile, please paste the below code to
Wp-admin > Appearance > customization > custom css > publish
@media screen and ( max-width:414px)
.grid li .block.courseitem {
margin: 0px 25px 30px !important;
}
Hope it helps.
.
