The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Html widget, Html widget not showing in mobile view
Domj
post Feb 11 2020, 06:33 PM
Post #1





Group: Members
Posts: 2
Joined: 11-February 20
Member No.: 27,164



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 11 2020, 06:47 PM
Post #2


.
********

Group: WDG Moderators
Posts: 8,344
Joined: 10-August 06
Member No.: 7



In CSS the comments look like this:

CODE
/*  
this text is commented out
*/
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Domj
post Feb 11 2020, 07:29 PM
Post #3





Group: Members
Posts: 2
Joined: 11-February 20
Member No.: 27,164



Thanks for the speedy reply so just to clarify /* goes before the entire code*/ or just around none. /* None*/
Thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 11 2020, 08:57 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,630
Joined: 9-August 06
Member No.: 6



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;
}
*/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 12 2020, 08:41 AM
Post #5


.
********

Group: WDG Moderators
Posts: 8,344
Joined: 10-August 06
Member No.: 7



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.
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 12 2020, 05:06 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,630
Joined: 9-August 06
Member No.: 6



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; */
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 2nd April 2020 - 05:26 AM