Why is my tabs covered by the features area in Idiom theme?

Why is my tabs covered by the features area in Idiom theme?

Flexi Header

If you using Flexi Header, you can change the location of the slide tabs so it no longer get covered by the feature area.

  1. Click into “design” and into “edit html/css”
  2. Click into “main_style.css” to open the css editing page
  3. Here scroll to the FLEXI header css area and look for this code:
    /* FLEXI HEADER CSS END */
  4. Directly ABOVE this code and in an BLANK area, insert this code:    .bx-wrapper .bx-pager {bottom: 130px;}
  5. The final code will then look like this:
    .bx-wrapper .bx-pager {bottom: 130px;}/* FLEXI HEADER CSS END */
  6. Save your change and re-publish your website

Effect Slider

If you using Effect Slider, you can change the location of the slide tabs so it no longer get covered by the feature area.

  1. Click into “design” and into “edit html/css”
  2. Click into “main_style.css” to open the css editing page
  3. Here scroll to the Effect header css area and look for this code:
    /*— SLIDER CSS END — */
  4. Directly ABOVE this code and in an BLANK area, insert this code:    .as_navContainer {bottom: 130px !important;}
  5. The final code will then look like this:
    .as_navContainer {bottom: 130px !important;}/*— SLIDER CSS END — */
  6. Save your change and re-publish your website

Tags: