Child Theme Changed my Website

I’m using twentyeleven theme. I have a website here.

I added a few plugins to the site and some content before reading about child themes. I wanted to add a sidebar to individual blog posts so in researching how to do that, i realized I needed to make a child theme. I went to my file manager on bluehost, wp/content, themes, and created a new folder called MyTwentyEleven, then created a file there called style.css with the following code:

/*
Theme Name: MyTwentyEleven
Theme URI: https://www.bestconcealedcarrygun101.com
Description: The new child theme
Author: Dustin
Template: twentyeleven
*/

@import url (‘../twentyeleven/style.css’);

Once I activated this theme, my site rearranged itself to what you see now. The sidebars are all at the bottom of the page, the header menu is vertical instead of horizontal, there is a link called skip to primary content and skip to secondary content that I don’t know where it came from. When I switch back to the parent twenty eleven everything is back to normal. What did I do wrong?