[11bkerrParticipant]

Hello,

I’m having some issues with my website on a page that combines tabs and accordions – the page jumps around and it overrides user scrolling input for a couple seconds.

After looking at several other threads, I was able to get the code required to fix the issue on desktop, but it still persists on mobile (It’s buggy on my cellphone, but my ipad is fine.)

Also, on mobile the tabs become stacked so that they display as:
Tab 1
(open)
Tab 2
(closed, can not be opened by clicking, but causes bouncing issue)
Tab 3
(same as tab 2)
Tab 4
(same as tab 2)

I’d like for them to display normally if possible, and for each tab to be the same size (on my ipad, the tabs are in 2 rows, with only one on the bottom and it looks rather awkward. I’d like for each tab header to be 50% of a row on my ipad, and probably each tab to be 100% of a row on mobile, if possible.)

Thanks!

P.S.
Attached are screenshots of the layout as seen on iPad, and mobile.

[ChristopherModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[11bkerrParticipant]

http://www.themarketingfilter.com/education-certification/free-marketing-education/

Here’s the URL for the page.

[11bkerrParticipant]

Also, I’m having some trouble adjusting the font in a progress bar element on this page.

http://www.themarketingfilter.com/education-certification/paid-education-certification/

I’ve already added the custom css from another post:

h6.h-skill-bar {
text-transform: none;
font-size: 70%; 
}

And it worked at first, however after updating the text on the page it has broken. I tried resaving/publishing the css/custom section to see if perhaps the ordering was the issue (updating the skill bar after posting the css, causing the skill bar to override the css) however it had no affect.

[Rue NelModerator]

Hello There,

I noticed that you are using an older version of X. Can you confirm that you are fully updated? (Theme and Plugins)

Our latest versions are:
X Theme: 4.4.1
Cornerstone: 1.2.2
Visual Composer: 4.11.1

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Please let us know how it goes.

[Author]

Posts