Joomla Templates Club 406,261 posts

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1033657

For some reason when I’m on a mobile device and checking out my website, the table is off and doesnt show correctly. What could be the issue here? I’m using JCE editor. Could that be the problem?

Also for some odd reason on the home page: the main image/JA slideshow doesnt show on mobile devices as well and there is a black space/void.

http://backlitdecor.com/technical

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1033679

Hello

To build your content inside tables and visualize it correctly on mobile screens you should use responsive tables code,

Regarding slideshow not visible on mobiles you can see from image below that you are using a specific command to hide it.

Regards

---

Attachments:

1. 

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1033735

Thank you for the responsive tables tip!
Is there a way to make JCE editor put the "<div style="overflow-x:auto;">

” around every table I make instead of manually entering it every time?

Also RE: the slideshow.
I was not the one who put this website together, how can I stop hiding the slideshow since it says it’s hidden?

And lastly it seems like my logo on mobile devices is under-lapping the social icons on the right side. Any way I could put that on the right scroll bar & make it static?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1033767

Is there a way to make JCE editor put the "

<div style="overflow-x:auto;">

around every table I make instead of manually entering it every time?

Hello

You should ask this to the JCE support since it is not a joomlart extension.

Regarding slideshow you can see the demo template is not showing it for responsive screens , if you really need it you will need to make customizations over @media css files.

Any way I could put that on the right scroll bar & make it static?

You can move it to the left adding this code to your custom.css file

@media (max-width: 979px) {
.navbar .brand {
margin-right:40px;
}
}

You can change the 40 px value to move it as you prefer.

Regards

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1033803

Thanks for your answers.
RE: Any way I could put that on the right scroll bar & make it static?
I was referring to the social buttons.
Is there a way to make a module appear on the side scroll bar? or appear static on the right side of the page like your chat module & return to top button?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1033814

cnglobal wrote:

Is there a way to make a module appear on the side scroll bar? or appear static on the right side of the page like your chat module & return to top button?

Hello

You can look at the addthis website and from your dashboard configure the tool as you prefer it to appear on your website.

Regards

---

Attachments:

1. 

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1033888

I just checked out the addthis website and there is no option for me to show social buttons on the side of the page.

Is there any basic code I could use? Just to basically show an image attached to the right side of the page.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1034224

cnglobal wrote:

I just checked out the addthis website and there is no option for me to show social buttons on the side of the page.

Select sidebar as tool and copy your dashboard code in custom code tab as showed in img below.

Regards

---

Attachments:

1. 
2. 
3. 

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1034271

Thanks Pavit but the problem is that option is only for sharing.
I want people to go directly to my facebook/twitter page by clicking the social icon, not share the page it’s on.
For the "Follow" option, Addthis only has a header & inline method.
Any other route to go?

Another question: For some reason there’s a line that appears between each row in a table –
http://backlitdecor.com/technical
How do I remove this grey line?

I appreciate the help!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1034356

cnglobal wrote:

Any other route to go?

Hello

You can try to search for a module HERE

How do I remove this grey line?

Try to add to your custom.css this line

td {
border-top:none!important;
}

Regards

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1034493

Thanks again Pavit,
I added this code to the css, but still the lines are grey are there.
Any reason why?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1034503

cnglobal wrote:

Any reason why?

It seems your website is not loading custom.css file

Could you share as private reply a temp super user account to your backend ?

I will have a look at it

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1034510

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1034538

Hello

I disabled thememagic feature from your template manager and now it works fine.

Regards

[cnglobal Friend cnglobalJoin date: May 2017Posts: 29Downloads:37Uploads:2 Thanks: 2]

#1034547

Awesome! Thank you very much.

One minuscule issue – On the main menu, on the far right, there’s now an arrow pointing downwards that I’ve disabled a long time ago but is now reappearing. Why does this show? how can I disable it?

RE: my slideshow question from earlier, I’ve added

@media (max-width: 767px) .items.slideshow {display: block} to the custom css to allow it to show on mobile devices. Is this code correct?

[Author]

Posts