progress bar with link to pop up text

Hi,

I can’t find the elements you’re showing on the link you’ve provided. So again: please always provide us a precise link to the elements in question.

Best regards,
Andy

Hi,

I checked the screenshot you gave, I think the spaces on left and right is just right, though I’m not really sure if that’s what you wanted to point out, but if it is, try adding this code in Quick CSS:

.js_active .top_tab .tab {
    padding-left: 24px;
    padding-right: 24px;
}

Just adjust the values as you see fit. Hope this helps :)

Best regards,
Nikko

Hi,

You can make the text smaller in it by adjusting the code I gave and add a font-size property, it would look like this:

.js_active .top_tab .tab {
    font-size: 9px !important;
    padding-left: 24px;
    padding-right: 24px;
}

However, I don’t think making it smaller than it is, is a good idea. I have checked the text in the tab which is Vejledende pris and I can see it fit perfectly even without the code I gave. The screenshot you gave http://imgur.com/a/qDKTF also shows that it doesn’t overlap or have some text being hidden.

Best regards,
Nikko

Hi,

Try adding the css code below in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .av-catalogue-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .responsive .tabcontainer .tab_content {
    padding: 0 5px;
  }

  .av-catalogue-content p {
    font-size: 10px !important;
  }
}

Then try to adjust the content by removing some of the dots in … Hope this helps. :)

Best regards,
Nikko

Hi,

yes, seems clean and good to me.

Let us know in a new ticket if you have some more questions about our theme. We’re happy to help you out.

Best regards,
Andy