Tours on Mobile & FAQ Arrows

[corepath]

Hi,

I like the layout of the tours as they are right now on desktop, but they look jammed on mobile. The text overflows from the tab and restricts text. Is there a way to have these appear as toggles, or simply bricks of text on mobile (screenshot exampled attached).

For the FAQ page is there a way to somehow highlight the “to top” arrows that are there in the bottom right corner of each FAQ section? Perhaps making them have a accent backdrop or replace with with an icon? Some of my older visitors can’t find the arrow or see, I’d like to make it more evident!

Thanks,

[Mohammad – SUPPORT]

Hi,
Please provide page URL with this issue so i can provide you correct solution .
Thanks 🙂
With Best Regards
Swift Ideas

[corepath]

Fixed it myself, thanks. Is there any way to get the [hr] tags to appear in a specific hex code (that line) rather than the standard color?

Thanks,

[corepath]

Also, the FAQ on mobile is staggered because of the amount of text in the boxes. It is visible here; http://www.2080financial.com (Check FAQ)

thanks.

[corepath]

Another problem I’ve found is that the pricing table on tablets isn’t lined up and gets crunched up. We’ll need to solve this as well, ideally with some easy custom CSS or tweaks.

Thanks.

[Mohammad – SUPPORT]

Hi,
Which version of theme is being used by you ? Please upgrade to latest Dante 2.52 .
Thanks

[corepath]

That’s the version I’m using.

[Mohammad – SUPPORT]

This reply has been marked as private.

[corepath]

Hey mate,

Thanks, but this is still causing some issues. Pricing still gets jumbled on midsized screen (try shrinking the browser window on the link I sent earlier). Also, the highlighted column now has a shorter header than the rest of the columns.

FAQ looks good on vertical mobile, but as soon as I rotate my screen I get the same problem as before.

Thanks for the progress, but there’s still a few issues.

Cheers,

[corepath]

Alternatively you can also provide the CSS that will have these become responsive earlier so the scrunching goes away, but any answer would be great.

Thanks,

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshots so i can check and give a exact solution .
Thanks 🙂
With Best Regards
Swift Ideas

[corepath]

Hi,

Sorry, response took too long so we figured out a different solution.

Is there a way to link to separate tabs or tours from a separate page. Say if I make four tour pieces on a page, can I like to the second, third or fourth one from an external link, or have a certain link that has the second, third or fourth one activated?

Thanks,

[Mohammad – SUPPORT]

Hi,
You can do it by using full URL . Example :-
Now you are at http://www.2080financial.com/faq/ and link to a FAQ of About page so you need to use link as http://www.2080financial.com/about/#ABout-Faq . Please try it .
Thanks 🙂
With Best Regards
Swift Ideas

[corepath]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom JS and put this code

<script>
var $j = jQuery;
var openId= window.location.hash;
$j('ul.nav-tabs li').removeClass('active');
$j('ul.nav-tabs li a[href="'+openId+'"]').parent().addClass('active');
$j('.tab-content').find('div').hide();
$j(openId).show();
$j(openId).find('div').show();
$j(openId).addClass('active');
</script>

Thanks 🙂
With Best Regards
Swift Ideas