Navigation toggle icon for phone/email issue - css

I am trying to get my navigation using elementor to show for example - a phone icon and a telephone number,
I have got this on desktop but I would like just the icon to show on mobile - is this possible at all?
I can't find an example using blocks or other ready-made examples
Many thanks,

elementor have builtin function for this already. First chose the element you want to hide, then in the advanced tab find responsive section and turn on "Hide on desktop" option. Example in the picture below:

Related

Xamarin - control that allows you to select from icons by swiping like iOS photo edit tools

I'm trying to find a control for Xamarin that allows you to pick a tool from a list of icons, but in a swipe format like in the iOS photo edit tools (image below).
I tried using CarouselView, but that only displays one item per swipe, and each item before and after - however I'd like around 5+ icons on screen, with the middle one selected.
If there isn't a control, I'll have to build one myself, but would prefer to use something that's already available if possible.
Thanks for any direction!
Oliver.
For me, the best practise for your case is to use the swipe gesture
https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/gestures/swipe
and write an expandable animation like this sample
https://github.com/devcrux/Xamarin.Forms-Expander

Xcode 9 - Simulator - Hide Title Bar

In Xcode 9, I haven't found a way yet to disable the title bar when the bezel is turned off. I'm trying to make the simulator go full screen for a demo on a touchscreen TV and the little gray bar at the top is preventing it from getting there. I've tried many different things from changing plist items to trying to add code for NStitlebar but to no avail. Does anyone know how to accomplish this?
This is what I see:
Simulator Image with Title Bar
This is what I want to see:
Mockup removing the title bar
So the best way I've found in my research is to do it not in the code of the app but through the hidden Internal menu option of Simulator. Apple has placed a hidden Internal menu with additional features that can only be enable through some Terminal commands.
Link here to a simple tutorial: http://www.cansurmeli.com/blog/enabling-hidden-xcode-simulator-features/
Once that is enabled, then turn the "Allow Fullscreen Mode" in the Internal menu as well as change the options in "Floating Name" to remove the bar and expand fully.

Burger menu from wordpress template

I'm just starting my programming but I need help.
I built my site from wordpress template. Made a lot of customization on my own but I have trouble by creating BURGER MENU on mobile devices.
I'm not sure how I can rewrite chosen template navigation bar menu to burger. Let me know if anyone could help me.
You could do it a few different ways, but personally, it's easier to place it with javascript and hide it with css...
Usually, you would create an element with javascript and attach it to a location on your page. For the burger itself, you've got the option of using drop-shadows, three divs or the unicode character for it. You can read more about those options here: https://css-tricks.com/three-line-menu-navicon/
Finally, if you want to add animation to your menu items (for opening / closing ) here's something that you can read to understand how it's possible to achieve: https://jonsuh.com/hamburgers/

Customizing product slider, WooCommerce

Iam somewhat of a newbie when it comes to wordpress. so bear with me.
ive been trying to make a simple slider that will display 3 catagories.
- books
- Boardgames
- office supplies
iam making it for someone who dosnt want a web store but just wanting it to display items in a meaningfull and dynamik way.
what ive tried is installing the WooCommerce plugin to make all my products and then installing the product slider by pickplugins.
I like the way it looks and i want to make two more. but i see no option to choose between different catagories in the slider options, so if i make 2 more sliders it will just display the same items (all of them).
the site is: http://nordborgboghandel.dk/
and the slider i want is something like there is on the frontpage.
anybody fixed a similar problem??
-Thanks!
Yes, I was once stuck into a same situation, in which we had to customize the slider. Basically you will have to play with the CSS and JS of the slider plugin which you have used to create the slider.
You can start of by having a look at the js and the css used by the slider. Refer the documentation of the slider if available, I am sure if they have any documentation you can have it customized easily by modifying some values in it. If not then you will have to check the JS code and try to hack it yourself to fit your needs.

How to get social media icons to open in a new tab or window in WordPress?

In working on multiple sites, I find that you can either turn on or off social media icons, but that they all default to opening in the same window. Does anyone know how to make them open in another tab or window? If so, how/where do I make these changes.
In one instance, I'm using the ShareThis plugin, in another I'm using the Colorway WordPress theme. I've googled and googled and can't seem to get an answer on this.
There will either be an option for "open link in a new window" (usually a checkbox) in the widget screen or the plugin settings.
If there's NOT - unfortunately, have to use jQuery Something like $('a.social').attr('target', '_blank'); or in the php (plugins > editor, or appearance > editor) - and you'll have to find the code that says something like and at target="_blank" to it.

Resources