Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Html widget

Posted by: Domj Feb 11 2020, 06:33 PM

Hi I hope someone can help. I'm using a brolmo html widget on the site www.newquayairport.co.uk however the widget isn't showing up on mobiles. There support stated it was the following issue with the website...

The issues is caused by a rule of your CSS file
- /onewebstatic/7d1dac24b5.css
In this file you have class with this URL:
.mobileViewLoaded .row {
display: none !important;
}
[indent]
If you comment it out the script will show.

However nobody is able to tell me how to edit the code to "comment it out"
I have tried // at the start to no avail. Any help will be gladly appreciated.
Dom

Posted by: Christian J Feb 11 2020, 06:47 PM

In CSS the comments look like this:

CODE

/*
this text is commented out
*/

Posted by: Domj Feb 11 2020, 07:29 PM

Thanks for the speedy reply so just to clarify /* goes before the entire code*/ or just around none. /* None*/
Thanks again

Posted by: pandy Feb 11 2020, 08:57 PM

QUOTE(Domj @ Feb 12 2020, 01:29 AM)

Thanks for the speedy reply so just to clarify /* goes before the entire code*/ or just around none. /* None*/
Thanks again

Better comment out the whole line or whole rule even, if that's all there is in it. In case you don't want to delete it.

CODE

/*
.mobileViewLoaded .row {
display: none !important;
}
*/

Posted by: Christian J Feb 12 2020, 08:41 AM

QUOTE(Domj @ Feb 12 2020, 01:29 AM)

Thanks for the speedy reply so just to clarify /* goes before the entire code*/ or just around none. /* None*/
Thanks again

Just around: /* starts the comment, and */ ends it.

Posted by: pandy Feb 12 2020, 05:06 PM

I think Domj mean if he could do it like this.

CODE

.mobileViewLoaded .row {
display: /* none */ !important;
}

Which is possible, but it leaves 'display: !important' which looks rather fishy even if it probably doesn't harm anything.

I'd do the below as a minimum. But as the rule seems to be used for nothing else, it's cleaner to remove the whole thing.

CODE

.mobileViewLoaded .row {
/* display: none !important; */
}