urlscan.io logo urlscan.io
SecurityTrails logo

urielsoto.com Open in urlscan Pro
2606:4700:3037::6815:51a2  Public Scan

Back to summary
URL: https://urielsoto.com/how-to-create-a-mobile-app-menu-on-elementor/
Submission: On July 22 via api from US — Scanned from DE

Form analysis 3 forms found in the DOM

POST https://urielsoto.com/wp-admin/admin-ajax.php?action=wpdAddSubscription

<form action="https://urielsoto.com/wp-admin/admin-ajax.php?action=wpdAddSubscription" method="post" id="wpdiscuz-subscribe-form">
  <div class="wpdiscuz-subscribe-form-intro">Notify of </div>
  <div class="wpdiscuz-subscribe-form-option" style="width:40%;">
    <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType">
      <option value="post">new follow-up comments</option>
      <option value="all_comment">new replies to my comments</option>
    </select>
  </div>
  <div class="wpdiscuz-item wpdiscuz-subscribe-form-email">
    <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email">
  </div>
  <div class="wpdiscuz-subscribe-form-button">
    <input id="wpdiscuz_subscription_button" class="wpd-prim-button wpd_not_clicked" type="submit" value="›" name="wpdiscuz_subscription_button">
  </div>
  <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="3b741aacd7"><input type="hidden" name="_wp_http_referer" value="/how-to-create-a-mobile-app-menu-on-elementor/">
  <div class="wpd-field-captcha wpdiscuz-item">
    <div class="wpdiscuz-recaptcha" id="wpdiscuz-recaptcha-subscribe-form"></div>
    <input id="wpdiscuz-recaptcha-field-subscribe-form" type="hidden" name="wpdiscuz_recaptcha_subscribe_form" value="" required="required" aria-required="true" class="wpdiscuz_reset">
    <div class="clearfix"></div>
  </div>
</form>

POST 

<form class="wpd_comm_form wpd_main_comm_form" method="post" enctype="multipart/form-data" data-uploading="false">
  <div class="wpd-field-comment">
    <div class="wpdiscuz-item wc-field-textarea">
      <div class="wpdiscuz-textarea-wrap ">
        <div id="wpd-editor-wraper-0_0" style="display: none;">
          <div id="wpd-editor-char-counter-0_0" class="wpd-editor-char-counter"></div>
          <label style="display: none;" for="wc-textarea-0_0">Label</label>
          <textarea id="wc-textarea-0_0" name="wc_comment" class="wc_comment wpd-field"></textarea>
          <div id="wpd-editor-0_0"></div>
          <div id="wpd-editor-toolbar-0_0">
            <button title="Bold" class="ql-bold"></button>
            <button title="Italic" class="ql-italic"></button>
            <button title="Underline" class="ql-underline"></button>
            <button title="Strike" class="ql-strike"></button>
            <button title="Ordered List" class="ql-list" value="ordered"></button>
            <button title="Unordered List" class="ql-list" value="bullet"></button>
            <button title="Blockquote" class="ql-blockquote"></button>
            <button title="Code Block" class="ql-code-block"></button>
            <button title="Link" class="ql-link"></button>
            <button title="Source Code" class="ql-sourcecode" data-wpde_button_name="sourcecode">{}</button>
            <button title="Spoiler" class="ql-spoiler" data-wpde_button_name="spoiler">[+]</button>
            <div class="wpd-editor-buttons-right">
              <span class="wmu-upload-wrap" wpd-tooltip="Attach an image to this comment" wpd-tooltip-position="left"><label class="wmu-add"><i class="far fa-image"></i><input style="display:none;" class="wmu-add-files" type="file" name="wmu_files[]"
                    accept="image/*"></label></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="wpd-form-foot">
    <div class="wpdiscuz-textarea-foot">
      <div class="wpdiscuz-button-actions">
        <div class="wmu-action-wrap">
          <div class="wmu-tabs wmu-images-tab wmu-hide"></div>
        </div>
      </div>
    </div>
    <div class="wpd-form-row">
      <div class="wpd-form-col-left">
        <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-user"></i></div>
          <input id="wc_name-0_0" value="" required="required" aria-required="true" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Name*" maxlength="50" pattern=".{3,50}" title="">
          <label for="wc_name-0_0" class="wpdlb">Name*</label>
        </div>
        <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-at"></i></div>
          <input id="wc_email-0_0" value="" required="required" aria-required="true" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*">
          <label for="wc_email-0_0" class="wpdlb">Email*</label>
        </div>
        <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-link"></i></div>
          <input id="wc_website-0_0" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website">
          <label for="wc_website-0_0" class="wpdlb">Website</label>
        </div>
      </div>
      <div class="wpd-form-col-right">
        <div class="wpd-field-captcha wpdiscuz-item">
          <div class="wpdiscuz-recaptcha" id="wpdiscuz-recaptcha-0_0"></div>
          <input id="wpdiscuz-recaptcha-field-0_0" type="hidden" name="wc_captcha" value="" required="required" aria-required="true" class="wpdiscuz_reset">
          <div class="clearfix"></div>
        </div>
        <div class="wc-field-submit">
          <label class="wpd_label" wpd-tooltip="Notify of new replies to this comment">
            <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0 wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type">
            <span class="wpd_label__text">
              <span class="wpd_label__check">
                <i class="fas fa-bell wpdicon wpdicon-on"></i>
                <i class="fas fa-bell-slash wpdicon wpdicon-off"></i>
              </span>
            </span>
          </label>
          <input id="wpd-field-submit-0_0" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Post Comment">
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
  <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id">
</form>

POST 

<form class="wpd_comm_form wpd-secondary-form-wrapper" method="post" enctype="multipart/form-data" data-uploading="false">
  <div class="wpd-field-comment">
    <div class="wpdiscuz-item wc-field-textarea">
      <div class="wpdiscuz-textarea-wrap ">
        <div id="wpd-editor-wraper-wpdiscuzuniqueid" style="display: none;">
          <div id="wpd-editor-char-counter-wpdiscuzuniqueid" class="wpd-editor-char-counter"></div>
          <label style="display: none;" for="wc-textarea-wpdiscuzuniqueid">Label</label>
          <textarea id="wc-textarea-wpdiscuzuniqueid" name="wc_comment" class="wc_comment wpd-field"></textarea>
          <div id="wpd-editor-wpdiscuzuniqueid"></div>
          <div id="wpd-editor-toolbar-wpdiscuzuniqueid">
            <button title="Bold" class="ql-bold"></button>
            <button title="Italic" class="ql-italic"></button>
            <button title="Underline" class="ql-underline"></button>
            <button title="Strike" class="ql-strike"></button>
            <button title="Ordered List" class="ql-list" value="ordered"></button>
            <button title="Unordered List" class="ql-list" value="bullet"></button>
            <button title="Blockquote" class="ql-blockquote"></button>
            <button title="Code Block" class="ql-code-block"></button>
            <button title="Link" class="ql-link"></button>
            <button title="Source Code" class="ql-sourcecode" data-wpde_button_name="sourcecode">{}</button>
            <button title="Spoiler" class="ql-spoiler" data-wpde_button_name="spoiler">[+]</button>
            <div class="wpd-editor-buttons-right">
              <span class="wmu-upload-wrap" wpd-tooltip="Attach an image to this comment" wpd-tooltip-position="left"><label class="wmu-add"><i class="far fa-image"></i><input style="display:none;" class="wmu-add-files" type="file" name="wmu_files[]"
                    accept="image/*"></label></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="wpd-form-foot">
    <div class="wpdiscuz-textarea-foot">
      <div class="wpdiscuz-button-actions">
        <div class="wmu-action-wrap">
          <div class="wmu-tabs wmu-images-tab wmu-hide"></div>
        </div>
      </div>
    </div>
    <div class="wpd-form-row">
      <div class="wpd-form-col-left">
        <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-user"></i></div>
          <input id="wc_name-wpdiscuzuniqueid" value="" required="required" aria-required="true" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Name*" maxlength="50" pattern=".{3,50}" title="">
          <label for="wc_name-wpdiscuzuniqueid" class="wpdlb">Name*</label>
        </div>
        <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-at"></i></div>
          <input id="wc_email-wpdiscuzuniqueid" value="" required="required" aria-required="true" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*">
          <label for="wc_email-wpdiscuzuniqueid" class="wpdlb">Email*</label>
        </div>
        <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon">
          <div class="wpd-field-icon"><i class="fas fa-link"></i></div>
          <input id="wc_website-wpdiscuzuniqueid" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website">
          <label for="wc_website-wpdiscuzuniqueid" class="wpdlb">Website</label>
        </div>
      </div>
      <div class="wpd-form-col-right">
        <div class="wpd-field-captcha wpdiscuz-item">
          <div class="wpdiscuz-recaptcha" id="wpdiscuz-recaptcha-wpdiscuzuniqueid"></div>
          <input id="wpdiscuz-recaptcha-field-wpdiscuzuniqueid" type="hidden" name="wc_captcha" value="" required="required" aria-required="true" class="wpdiscuz_reset">
          <div class="clearfix"></div>
        </div>
        <div class="wc-field-submit">
          <label class="wpd_label" wpd-tooltip="Notify of new replies to this comment">
            <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type">
            <span class="wpd_label__text">
              <span class="wpd_label__check">
                <i class="fas fa-bell wpdicon wpdicon-on"></i>
                <i class="fas fa-bell-slash wpdicon wpdicon-off"></i>
              </span>
            </span>
          </label>
          <input id="wpd-field-submit-wpdiscuzuniqueid" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Post Comment">
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
  <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id">
</form>

Text Content

Skip to content
 * Tutorials
 * My Templates
 * Services
 * Plugins

 * Tutorials
 * My Templates
 * Services
 * Plugins

Let's Connect
 * June 12, 2021
 * 1:17 am
 * 3 Comments


HOW TO CREATE A MOBILE APP MENU ON ELEMENTOR

Facebook
Twitter
Reddit
WhatsApp


CREATE YOUR GLASS EFFECT HERE:


GLASSMORPHISM.COM


MOBILE SECTION

				
					/*Mobile section*/

selector{
position: fixed;
width: 100%;
bottom: 0px;
background: rgba( 0, 0, 0, 0.85 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
}
				
			




ICON BOX

				
					selector{
background: rgba( 0, 0, 0, 0.35 );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
margin: 0px 5px 0px 5px
}
selector:hover{
border: 1px solid #6267FF;
}
span:hover{
color: #6267FF;
}
				
			




Subscribe

Notify of
new follow-up comments new replies to my comments




Label

{} [+]


Name*

Email*

Website



Label

{} [+]


Name*

Email*

Website


3 Comments

Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Amitav
1 year ago




Hey US, this is so cool..!! thank you. I created one with your instructions and
it looks nice on the website. the problem I had is that, the app menu is not
floating with the page when I scroll and is fixed at the bottom. Not sure what
was wrong. i don’t have the elementor pro version and I’m using the free methods
you suggested. thanks

1

Reply



Author
Soto Uriel
1 year ago



Reply to  Amitav

Since you are not using the pro version. You’ll need to add a CSS class to the
main section and than paste the CSS in the customizer. Like this example

.class-name{
position: fixed;
width: 100%;
bottom: 0px;
background: rgba( 0, 0, 0, 0.85 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
}

0

Reply



Amitav
1 year ago



Reply to  Soto Uriel

it worked out perfectly. than you so much US

0

Reply







SUPPORT ME AS A CREATOR ON


Become A Petreon!


HIRE ME ON


Hire Me


MORE TO EXPLORER


GSAP HOVER CARD EFFECT IN ELEMENTOR PRO | IMAGE BOX TO TEXT ON HOVER

June 15, 2023 No Comments

https://youtu.be/VuQtX0Iu-Cw GSAP CSS .card-headline, .card-des, .card-btn{
opacity: 0; }


ELEMENTOR CUSTOM MOBILE DROPDOWN MENU USING CONTAINERS

June 3, 2023 No Comments

https://youtu.be/-7T8H24T0E0 jQuery CSS @media(max-width:1024px){
.nav-container{ display: none; } }




SUPPORT ME AS A CREATOR ON


Become A Petreon!


JOIN MY COMMUNITY ON


Join Now!
 * Tutorials
 * Plugins & Hosting
 * Courses
 * Contact

 * Tutorials
 * Plugins & Hosting
 * Courses
 * Contact

Youtube Facebook Instagram
 * Copyright © 2021 Uriel Soto
 * Privacy Policy


MADE WITH ♥ BY URIEL SOTO

wpDiscuz

3
0
Would love your thoughts, please comment.x
()
x
| Reply

Insert


45 MINUTE WORDPRESS SUPPORT


GET YOUR WORDPRESS QUESTIONS ANSWERED AND YOUR WORDPRESS ISSUES RESOLVED.


We use cookies for various purposes including analytics and personalized
marketing. By continuing to use the service, you agree to our use of cookies. -
Cookie Policy
I agree