Corner links / corner navigation

I didn’t get much out of that page. It looks like they are giving you the styles to implement the feature you want, so what are you asking?
If you have something in the content that you want to be a link, and you want it to have a fixed position, define a class in a child theme or in your Custom CSS, and use that class on that content. (Note that fixed position doesn’t work well on mobile devices.)

If it’s something that is part of the theme’s output, such as post navigation links, then just style the classes that are already on those.

Things that are fixed position can get in the way of other content (overlapping them).

Hi Joy,

Thank you for your reply. Perhaps I should have been clearer – yes the Divi theme gives this feature/functionality but I don’t necessarily want to go with that theme. So I’m wondering if there are other themes or plugins that offer this functionality? As for CSS classes – I am not a coder myself so would prefer to fuse a theme or plugin with the functionality built-in.

Thanks.

Yes, I understood that already. Reread my answer with this in mind: themes don’t do much with content besides style the HTML tags.
There’s a reason that Divi is not in the WordPress repository. It does much more than a theme should do.

So your question boils down to: How do I get the styles defined for that effect?
As I said, that page gives you the styles, so you can put them in your CSS and use them. You don’t need more than that.

Also reread the caution about using that sort of style (fixed position). It doesn’t work well on mobile, and it can easily inadvertently cover other content. That’s why it’s not provided standard by themes or plugins.

Hi Joy,

Thanks again for your input – much appreciated. If I’m understanding you correctly – this would be a simple enough feature/function to add using CSS to any theme? As for your caution – I’m planning on designing specific mobile-only pages so this functionality won’t be included on those pages.

Thanks.

Well, yes. That page you linked tells you how. Note that it’s not built in to that theme either, but it is a tutorial on how to add it to a single page.
Honestly, I don’t understand what the attraction is. Or why you would want to make a separate page for mobile devices (that’s so last decade!) when it’s difficult to even identify the device accurately. Navigation should work for everyone, not just those with a mouse. Keyboard users and screen reader users should be able to use it also.

But yes, you can put class names on the CSS that is given in that tutorial, and use those class names in your page. With the CSS in your Customizer > Additional CSS, it should work (if your theme doesn’t use those names, and the styles don’t conflict).

Hi Joy,

You make some excellent points about accessibility. We are hoping to use two or three corner-links for quick access to specific areas within the site. We are also using a menu which will contain all links in it. It just means we’re giving users choice, which is good. And the corner links are a design feature. As such it’s not for everyone. As for separate mobile pages – it’s more to ensure the layout is as close to what we want to achieve. Most themes today are perfectly responsive but I feel they are not built for mobiles, ie. the design is sold using the desktop version only and the mobile version tends to be an afterthought. We’re building the site desktop-first (as that’s where client’s majority of visitors are using) but we want to ensure that the mobile experience is as good as the desktop. In my opinion, most themes don’t do this very well.

Thanks.