LucP

That’s called responsive design.
It’s to ensure that everything aligns well and looks good on small-screen devices (such als iPads, iPhones and other stuff).

It’s very popular nowadays in webdesign, but it’s definitely a “pro-technique”.
Unfortunately Twenty Eleven was build this way, so getting around it might be harder that ‘just deleting all the @media-tags….

I’m sorry, but I really don’t have a simple and clear-cut answer for you this time… ??

In that case, just erase every @media block:

From this line:

/* =Responsive Structure
----------------------------------------------- */

To this line:

/* =Print
----------------------------------------------- */

(you need the @media print for printouts of your page.

Find these lines:

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {

(they are around line 2250)

Then scroll to the bottom of the @media(max-width:800px) { box to this line:

}
@media (max-width: 650px) {

And just before the endbracket (the } ) add this:

#primary{
    width:75%;
}

#content{
    width:75%;
}

#secondary{
    width:25%;
}

Add this to EVERY @media block and start changing the widths. (tinkering).
Another option which might work is just to remove all the @media blocks… (backup before you try)

You add just before the ending bracket of every @media – block.
If your anxious; just create a backup in case it goes wrong…

Don’t worry, it’s not that hard! ??

Here are some basic CSS lessons which are pretty good:
https://teamtreehouse.com/library/design-foundations/css-foundations

Are you adding the #content, #primary and #secondary references within the @media-block? If not; do so at the bottom of every @media-block and change the percentages.

Also; I don’t know which iPhone you have, but you need to check all the @media blocks… you can also do this on your own computer by resizing the browserwindow…

I don’t have time for an out-of-the-box solution for you this week, but my suggestion is to find this line:

@media (max-width: 800px) {

(and any @media line with a max-width below 800) and tinker with the percentages in the divs we discussed above, but WITHIN the @media blocks.

You need to change them in the database, this isn’t the same.
Also: you should add https:// to any link.

So https://www.fight-bb.info needs to become https://www.fight-bb.info

check your new database:

in the options table (or wp_options, depending on your prefix). You’ll see an option entitled: “siteurl”; change that to your new url.

Next to that there’s an option entitled “home” which you also need to update (if your using phpmyadmin; usually it’s on the second page of the options table).

You may see other options with your old url in it, but those will usually be updated automatically if you reset your permalink-settings in the admin menu.

My best guess is that the system can’t load the current theme because it had a space; and now it can’t find the theme.

Ask your hostingprovider if they have any recent backups… I think you need to reset the database…

First of all:

check your settings in settings->reading:
What are you using as a homepage? is it ‘blogposts’ or a static page.

Change it into staticpage and choose the homepage you’ve created for the menu. Now you can edit your text on the homepage just like on a normal page (at least; if it’s a good theme).

You need to rename your folder to cloriato-lite-child (you can’t “really” use a space in online folders or files…

There are a lot of eCommerce options for WordPress; just look at the plugins. The plugins won’t necessary work with the theme you like though, so the best option is to go premium and pay a small amount of money for a theme…

In my opinion, WooCommerce is one of the best plugin’s out there and it’s got some great premium themes:

https://www.woothemes.com/woocommerce/

Yes. yes. yes. yes. yes. yes. yes. (just making sure ;-))

If you’re still afraid this will mess everything up; create a backup of your stylesheet first and then change the divs…

No they don’t have to match; like I said; Twenty eleven is a bit messed up this way;
Just follow the instruction above and it will work; I’ve tried it with my browser editor and it looks good.

It took the liberty to play with the css myself:
Twenty eleven’s build-up is a bit weird, that’s what was causting the problems.
You need to edit the #primary div too:

#primary{

    float:left;
    margin: 0 0 -26.4% 0;
    width:75%;
}

The content div:

#content{

    margin: 0 0 0 7.6%;
    width:75%;
    ... etc.

}

and the secondary div:

#secondary{

    float:right;
    margin-right:4.6%;
    width:25%;
}

Now it should work.