• To make an element visible only on mobile: Check “Hide on Desktop” and “Hide on Tablet” and leave “Hide on Mobile” unchecked.
• To make an element visible only on desktop: Check “Hide on Tablet” and “Hide on Mobile” and leave “Hide on Desktop” unchecked.

This way, you can tailor the visibility of elements on your website based on the user’s device, providing a more optimized and responsive design.

To preview how your page looks on different devices, you can use Elementor’s Responsive Mode:

• At the bottom of the Elementor panel, click the Responsive Mode icon (a screen icon).
• Select Desktop, Tablet, or Mobile to preview and fine-tune your design.

This gives you more control over how your content is displayed across devices and ensures a better user experience for all visitors.

Show working hours of days with working times, every parts have StyleKit

• Items – List of items with left and right title and text
• Line Between ? – Enable line between left and right text
• Container – Overall styling background, shadow, border, etc.
• Line – Line styling color, shadow, margin, etc.
• Left text – Left text color, size, typography, etc.
• Right text – Right text color, size, typography, etc.
• Badge – Badge text background, color, size, typography, etc.
• Sub title – Sub title color, size, typography, etc.
• Icon – Icon background, color, size, border, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Video player as popup on click or as inline iframe on click on same posiiton.

• Video URL – Youtube or vimeo video URL
• Image Placeholder – Image placeholder instead default video image
• Inline Video? – Inline iframe instead of video popup
• Title – Title after overlay icon (optional)
• Sub Title – Sub title under title (optional)
• Icon – Change default icon and choose your favorite icon from icon library
• Icon position – Icon position on video image over 5 position are available
• Icon size – Icon predefiend sizes, also you can change icon size from icon StyleKit
• Ripple Icon FX? – Ripple animation FX for icon only
• Styling – Styling of container, title, icon background, color, size, border, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Advanced title and text element with extra styling, extra line, custom icon, new shape feature, etc.

• Title – Title or text or any content
• Positon? – Overall position inline, block, center, left or right
• Container Styling – Overall title styling background, border, etc.
• Line – Line type before, after, above or below title
• Line(s) Styling – Styling of line(s) background, shadow, maring, position, etc.
• Line(s) Container – Styling of line(s) parent background, shadow, maring, position, etc.
• Icon – You can set icon, image, number or letter before and after title
• Icon Styling – Icon styling background, color, size, rotate, shadow, etc.
• Shape – Shape, big text, big icon, etc. in backface of title
• Shape Styling – Shape styling background, color, size, etc.
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Custom timeline element with 3 position of inner children, unlimited colors and you can add any element inside each timeline items.

• Style – Choose from 5 available predefined styles
• Align – Timeline alling left | center | right
• Line styling – Line styling color, shadow, etc.
• Extra class – If you want to add custom CSS so add extra class here
• Advanced tab – Responsive, Animation, Parallax, etc.

Show you clients testimonial with their photos, names, sub names, etc. You can also customize all styles.

• Template – Select available template for this testimonial
• Content – Testimonial text or contnet
• Image – Upload client photo, recommended 80×80 px
• Name – Full name of client
• Sub Name – Client sub title, sub name or short description
• Arrow – Arrow above client photo
• Arrow Color – Arrow custom color
• Styling – Container, image, title styling colors, background, border, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Add team member item with image, title, subtitle, social icons, hover effect and unlimited styling.

• Team Style – Predefined styles and icons positions
• Hover Mode? – Hover mode and how to show icons and title
• Image – Upload your team member image
• Image Size – You can resize image on the fly by setting this field
• Name, Job Title – Name and sub name of current team member
• Social – Add social icon(s) for this team member
• Position – Icons position Left, center or right
• Tooltip? – Do you want tooltip on icons hover? set this field
• Hover Effect – Custom CSS hover effects on mouse hover
• Social Icons color – Social icons color mode to original brand
• Vertical Mode? – Make icons in vertical mode
• Social Styling – Social styling colors, size, background, border, etc.
• Other Styling – Image, Title, Container styling background, padding, shadow, etc.
• Background layer – Custom background shape with offset to out sides of container
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Add unlimited tabbed content and include any element inside tabs such as text, video, image, etc. Tabs elements have icons, StyleKits and settings.

• Style – Tabs positon, vertical or horizontal, left, center or right
• Effect – Content CSS effect when tabs changes
• Hover Instead Click? – Change tabs on hover instead click
• Container – Container styling background, padding, border, etc.
• Tabs Row – Tabs row styling background, inline or block, border, etc.
• All tabs – Each tabs title styling colors, size, typography, etc.
• Active Tab – Active tab styling background, color, etc.
• Icons – If you have icons on tabs then you can edit icon colors, size, etc.
• Content – Tabs content area styling background, color, size, etc.
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Add your images with awesome modern SVG covers with over 20 styles

• Image – Upload your own image
• Color – SVG fill color according to site background color
• Style – Choose one of SVG styles that you like
• Image offset – Image vertical offset in px
• Custom width – Custom width for element container
• Advanced tab – Responsive, Animation, Parallax, etc.

Subscribe form suitable for newsletter, subscribe, mailchip, feedburner, search or etc. Fully customizable with presets.

• Form Style – Predefined subscribe form styles and button positions
• Position – Form position according to form width left | center | right
• Action URL – Action URL after submit subscribe form
• Form Placeholder – Placehoder title such as Enter your email
• Input Type – Input type according to your need or receiver site
• Input Name Attribute – This will be extra param after input URL
• Button title – Submit form button title
• Button icon – Choose your favorite button icon from library
• Styling – Overall, input, button styling background, color, size, etc.
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Make unlimited stylish lists with full control over styling, colors, sizes, icons, etc.

• List Items – Add list items title, sub title and icon
• List type – Old HTML list type
• Styling – Styling container, each list items, icons, colors, etc.
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Add single or multiple icons, social icons, icons with inline title, etc. Fully customizable with nice features.

• Icon(s) – Add simple icon(s) or social icon(s)
• Position – Icons position Left, center or right
• Tooltip? – Do you want tooltip on icons hover? set this field
• Hover effect – Custom CSS hover effects on mouse hover
• Inline title? – Inline title after each icons
• Social icons color – Social icons color mode to original brand
• Styling – Styling of container, each icons, tooltip, inline title, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

You can show a part of content or text or elements and by click on Show More, you can see full text and content, This item is really useful for large text or content.

• Height – Default height of viewable area
• Overlay Color – Overlay color for inner content
• Show More – Show more button title
• Icon More – Show more choose icon from library
• Show Less – Show less button title
• Icon Less – Show less choose icon from library
• Styling – Button styling color, background, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Show service box with icon, number, image, title and description with stylish presets and unlimited styling options.

• Layout – Horizontal or vertical service box
• Title – Service box bold title
• Description – Service box description or custom shortcode
• Position – Horizontal position of icon, left or right
• Link – The URL where the link from the button leads to
• Icon type – Service box icon type icon, image, number, etc.
• Icon – Choose your favorite icon from library
• Image – Upload your service box icon or logo
• Number – Insert number or letter instead icon for service box
• Hover effect? – Overall hover effect for service box
• Icon styling – Icon styling color, background, size, etc.
• Other Styling – Overall, title, description styling color, background, etc.
• Separator – If you set layout to vertical then you can add separator icon or line
• Advanced tab – Responsive, Animation, Parallax, etc.

Over 30 custom row or columns separator with unlimited colors and multiple directions.

• Style – Select separator from 30 different styles
• Rotate – You can rotate separator with 3 types
• Extra class – If you want add custom CSS, then add custom class here
• Top Color – Separator color scheme
• Bottom Color – Some separators have bottom color
• Layer Position – Static, relative or absolute according to your needs
• Layer Priority – Separator layer priority according to previus and next elements
• Top offset – If you set position to absolute or ralative then this works
• Left offset – If you set position to absolute or ralative then this works
• Height – Some of separators allow you to set custom height
• Advanced tab – Responsive, Animation, Parallax, etc.

Display your quotes with name, subname and image of quote owner with unlimited styles.

• Predefined Style – Some predefined styles and postions
• Quote Content – Text of your quote
• Image – Upload your quote owner photo
• Name – Quote full name
• Subname – Quote owner subname or subtitle
• Stars Rating? – Display custom 5 star rating
• Stars Color – Color of stars, usually is yellow
• Quote Shape – Quote icon overlay quote text container
• Styling – All styling colors, background, shadow, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Show skills progress bar from 0% to specific percentage up to 100%, Fully customizable and unlimited colors.

• Title – Title or text above progress bar
• Number – Progress bar percentage e.g. 90%
• Icon – Set icon before title of progress bar
• Style – Select predefined style
• Animated stripes? – CSS animation stripes on progressed bar
• Styling – Styling of title, icon, number, bar, etc. such as background, color, size, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

Icon and line to four directions, Instead icon also image or number or letter is allowed, Also you can customize icon styling

• Road – Road direction, over 15 different mixed directions
• Height – Element height size by px
• Line Color – Road line color
• Lines Style – Line style solid | dotted | dashed
• Line Size – Line size 1px | 2px | 3px | 4px | 5px
• Icon Type – Icon type image | icon | letter or number
• Icon – Select your favorite icon
• Number – Set number or letter
• Image – Upload your own image, PNG recommended if have background color
• Style – Predefined icon styles Rhombus | Pin | Custom such as circle or square
• Icon Styling – Icon styling background, color, size, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.