Mr Crabbz

Еще в копилочку стартовых тем: underscores.me

Читать htmlbook.ru : html, css, media queries.
Wordpress тут вообще не причём.

https://www.advancedcustomfields.com/resources/oembed/

.

и могут ли 4 слайдера и 2 видео так тормозить страничку?

- могут, если написаны криво.

Это всё, чем вам можно помочь при таком обьёме исходной информации.

Вариант:

if( $("#a #b").length ) {
// do something
}

Если таких элементов на странице несколько (через классы, id нельзя использовать несколько раз), то можно проверить каждый .a отдельно и применить чего нибудь к нему:

$(".a").each(function(){
  var a = $(this);
  if( a.find(".b").length ) {
    a.css("background", "green");
  }
});

wp-kama.ru/function/body_class

Открыть документацию https://docs.woocommerce.com/ , изучить принципы строения шаблонов woo (да и в wordpress в целом) - и вперёд. Ну это, конечно, если знания в РНР, CSS, HTML и JS есть.

А если нет - ищите либо готовые темы, либо заказывайте на фрилансе правки.

Ваш вопрос слишком общий, но он полностью покрывается документацией.

Вариант 1: подучить CSS, особенно раздел про z-index. Это бесплатно и полезно.
Вариант 2: отдать немножко денег фрилансеру, который поправит вам это дело за 10 минут.

https://modernizr.com/ - плагин
stackoverflow.com/questions/28087877/testing-of-cs... - решение вашей задачи