Conditional link display in desktop viewWhich “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?How to disable a link using only CSS?How to create an HTML button that acts like a link?Transitions on the display: propertyWhat does Desktop View / View Desktop Site actually do?Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?Background image jumps when address bar hides iOS/Android/Mobile ChromeVertically align divs for mobile viewHow do I have a different background color on the mobile view versus the desktop view?force website display mobile view version even on desktop version?
How to split an equation over two lines?
Impossible darts scores
Is there a maximum distance from a planet that a moon can orbit?
Inverse-quotes-quine
Should I tell my insurance company I'm making payments on my new car?
STM Microcontroller burns every time
Why doesn't a marching band have strings?
Does the posterior necessarily follow the same conditional dependence structure as the prior?
Plotting with different color for a single curve
Which verb form to use with "с"
VAT refund London Heathrow
Are Finite Automata Turing Complete?
Can ADFS connect to other SSO services?
As a DM, how do you control a dysfunctional group wanting different things out of a game?
What do you call a weak person's act of taking on bigger opponents?
Can White Castle? #2
When is it ok to add filler to a story?
Hot coffee brewing solutions for deep woods camping
Do hotel cleaning personnel have any benefit from leaving empty bottles in the room as opposed to returning them to the store?
Why does the numerical solution of an ODE move away from an unstable equilibrium?
What is the legal status of travelling with (unprescribed) methadone in your carry-on?
Change the boot order with no option in UEFI settings
How to perform Login Authentication at the client-side?
What are the benefits of using the X Card safety tool in comparison to plain communication?
Conditional link display in desktop view
Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?How to disable a link using only CSS?How to create an HTML button that acts like a link?Transitions on the display: propertyWhat does Desktop View / View Desktop Site actually do?Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?Background image jumps when address bar hides iOS/Android/Mobile ChromeVertically align divs for mobile viewHow do I have a different background color on the mobile view versus the desktop view?force website display mobile view version even on desktop version?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I have a site where users can choose to create a link to their own website. In mobile view, when a user has chosen not to display a website, the background color for this link, as well as the word itself, is not visible.
In desktop, however, it is.
When a user lists a site, it displays 'visit website' with background color, when they don't, in mobile the link 'visit website' and background-color disappears but in desktop, whilst the word 'visit-website' disappears, the background-color doesn't.
So it appears some kind of conditional logic is working for mobile view, but not desktop.
I don't even know where to find the code which dictates this.
Im assuming I can't do css @media query to rectify?
html css
asked Mar 25 at 10:22
AdsAds
84 bronze badges
add a comment |
I have a site where users can choose to create a link to their own website. In mobile view, when a user has chosen not to display a website, the background color for this link, as well as the word itself, is not visible.
In desktop, however, it is.
When a user lists a site, it displays 'visit website' with background color, when they don't, in mobile the link 'visit website' and background-color disappears but in desktop, whilst the word 'visit-website' disappears, the background-color doesn't.
So it appears some kind of conditional logic is working for mobile view, but not desktop.
I don't even know where to find the code which dictates this.
Im assuming I can't do css @media query to rectify?
html css
asked Mar 25 at 10:22
AdsAds
84 bronze badges
1
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container.visit-website
– Jake
Mar 25 at 12:16
add a comment |
I have a site where users can choose to create a link to their own website. In mobile view, when a user has chosen not to display a website, the background color for this link, as well as the word itself, is not visible.
In desktop, however, it is.
When a user lists a site, it displays 'visit website' with background color, when they don't, in mobile the link 'visit website' and background-color disappears but in desktop, whilst the word 'visit-website' disappears, the background-color doesn't.
So it appears some kind of conditional logic is working for mobile view, but not desktop.
I don't even know where to find the code which dictates this.
Im assuming I can't do css @media query to rectify?
html css
asked Mar 25 at 10:22
AdsAds
84 bronze badges
I have a site where users can choose to create a link to their own website. In mobile view, when a user has chosen not to display a website, the background color for this link, as well as the word itself, is not visible.
In desktop, however, it is.
When a user lists a site, it displays 'visit website' with background color, when they don't, in mobile the link 'visit website' and background-color disappears but in desktop, whilst the word 'visit-website' disappears, the background-color doesn't.
So it appears some kind of conditional logic is working for mobile view, but not desktop.
I don't even know where to find the code which dictates this.
Im assuming I can't do css @media query to rectify?
html css
html css
asked Mar 25 at 10:22
AdsAds
84 bronze badges
asked Mar 25 at 10:22
AdsAds
84 bronze badges
asked Mar 25 at 10:22
AdsAds
84 bronze badges
asked Mar 25 at 10:22
AdsAds
84 bronze badges
asked Mar 25 at 10:22
AdsAds
84 bronze badges
84 bronze badges
1
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container.visit-website
– Jake
Mar 25 at 12:16
add a comment |
1
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container.visit-website
– Jake
Mar 25 at 12:16
1
1
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container
.visit-website– Jake
Mar 25 at 12:16
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container
.visit-website– Jake
Mar 25 at 12:16
add a comment |
1 Answer
1
active
oldest
votes
Not seeing the code, I assume that you can use @media query to rectify the css. It sure sounds like it.
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335616%2fconditional-link-display-in-desktop-view%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Not seeing the code, I assume that you can use @media query to rectify the css. It sure sounds like it.
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
add a comment |
Not seeing the code, I assume that you can use @media query to rectify the css. It sure sounds like it.
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
add a comment |
Not seeing the code, I assume that you can use @media query to rectify the css. It sure sounds like it.
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
Not seeing the code, I assume that you can use @media query to rectify the css. It sure sounds like it.
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
answered Mar 25 at 11:44
endormiendormi
2911 bronze badges
2911 bronze badges
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
add a comment |
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Thanks. But how? Not sure where to locate code
– Ads
Mar 25 at 11:46
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
Don't you have the source code? I'm confused? If not check console.log perhaps using Chrome and check the mobile responsivity. It should show the mobile css if there is one.
– endormi
Mar 25 at 11:50
How do i do this please?
– Ads
Mar 25 at 12:03
How do i do this please?
– Ads
Mar 25 at 12:03
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
F12, then go to the phone icon next to elements
– endormi
Mar 25 at 12:14
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335616%2fconditional-link-display-in-desktop-view%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Hi Ads and welcome to SO, please provide a Minimal, Complete, and Verifiable example and or see How to ask. If you use the inspector you should be able to locate the problematic code and insert into a snippet here.
– Jake
Mar 25 at 10:28
Hi. Thanks for your message. What is ' the inspector'? Can provide you with page link? adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/22/…
– Ads
Mar 25 at 11:45
Here is page where background to link doesn't display in mobile but does in desktop. adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/21/…
– Ads
Mar 25 at 11:51
I suggest you use Chrome Devtools to spot the misbehaving code.
– Jake
Mar 25 at 12:13
The background to your link appears both in Mobile and Desktop mode (it is simply hidden under another link in Mobile view). You should style the link instead of the container
.visit-website– Jake
Mar 25 at 12:16