Dropdown menu hidden?

  • jkauss

    (@jkauss)


    9 years, 7 months ago

    I’m using the wordpress Total theme and when users try to edit/upload profile pics via the camera icon, they are redirected back to their profile page. However, if you open that link in a new window, the drop-down menu appears. It’s like it’s ‘hidden’ beneath a link to the profile page. I’ve copied the source code that I think is responsible below. Anyone have any ideas? I’m brand new to coding.

    
	<a href="http://localhost:8888/user/abcdef/" title="J Test"><span class="um-profile-photo-overlay">
			<span class="um-profile-photo-overlay-s">
				<ins>
					<i class="um-faicon-camera"></i>
				</ins>
			</span>
		</span><img src="http://gravatar.com/avatar/?s=400&d=identicon" width="190" height="190" alt="" /></a>

					<div style="display: none !important;"><div class="um-field um-field-profile_photo um-field-image" data-key="profile_photo"><input type="hidden" name="profile_photo" id="profile_photo" value="" /><div class="um-field-label"><label for="profile_photo">Change your profile photo</label><div class="um-clear"></div></div><div class="um-field-area" style="text-align: center"><div class="um-single-image-preview show crop" data-crop="square" data-key="profile_photo">
								<a href="#"><i class="um-icon-close"></i></a>
							</div><a href="#">Change photo</a></div><div class="um-modal-hidden-content"><div class="um-modal-header"> Change your profile photo</div><div class="um-modal-body"><div class="um-single-image-preview crop"  data-crop="square" data-ratio="1" data-min_width="190" data-min_height="190" data-coord=""><a href="#"><i class="um-icon-close"></i></a><img src="" alt="" /><div class="um-clear"></div></div><div class="um-clear"></div><div class="um-single-image-upload" data-nonce="1909089f02" data-timestamp="1472823933" data-icon="um-faicon-camera" data-set_id="0" data-set_mode="" data-type="image" data-key="profile_photo" data-max_size="999999999" data-max_size_error="This image is too large!" data-min_size_error="This image is too small!" data-extension_error="Sorry this is not a valid image."  data-allowed_types="gif,jpg,jpeg,png" data-upload_text="Upload your photo here<small class='um-max-filesize'>( max: <span>953.7MB</span> )</small>" data-max_files_error="You can only upload one image" data-upload_help_text="">Upload</div><div class="um-modal-footer">
									<div class="um-modal-right">
										<a href="#"> Apply</a>
										<a href="#"> Cancel</a>
									</div>
									<div class="um-clear"></div>
								</div></div></div></div></div>		
		<div class="um-dropdown" data-element="div.um-profile-photo" data-position="bc" data-trigger="click">
			<div class="um-dropdown-b">
				<div class="um-dropdown-arr"><i class=""></i></div>
				<ul>
										
					<li><a href="#">Upload photo</a></li>
					
										
					<li><a href="#">Cancel</a></li>
					
									</ul>
			</div>
		</div>
Viewing 1 replies (of 1 total)
  • Thread Starter jkauss

    (@jkauss)

    9 years, 7 months ago

    Sorry-Code formatted correctly below.

    	<a href="http://localhost:8888/user/jkauss/" class="um-profile-photo-img" title="J Test"><span class="um-profile-photo-overlay">
			<span class="um-profile-photo-overlay-s">
				<ins>
					<i class="um-faicon-camera"></i>
				</ins>
			</span>
		</span><img src="http://gravatar.com/avatar/?s=400&d=identicon" class="func-um_user gravatar avatar avatar-190 um-avatar um-avatar-gravatar" width="190" height="190" alt="" /></a>

					<div style="display: none !important;"><div class="um-field um-field-profile_photo um-field-image" data-key="profile_photo"><input type="hidden" name="profile_photo" id="profile_photo" value="" /><div class="um-field-label"><label for="profile_photo">Change your profile photo</label><div class="um-clear"></div></div><div class="um-field-area" style="text-align: center"><div class="um-single-image-preview show crop" data-crop="square" data-key="profile_photo">
								<a href="#" class="cancel"><i class="um-icon-close"></i></a>
							</div><a href="#" data-modal="um_upload_single" data-modal-size="normal" data-modal-copy="1" class="um-button um-btn-auto-width">Change photo</a></div><div class="um-modal-hidden-content"><div class="um-modal-header"> Change your profile photo</div><div class="um-modal-body"><div class="um-single-image-preview crop"  data-crop="square" data-ratio="1" data-min_width="190" data-min_height="190" data-coord=""><a href="#" class="cancel"><i class="um-icon-close"></i></a><img src="" alt="" /><div class="um-clear"></div></div><div class="um-clear"></div><div class="um-single-image-upload" data-nonce="1909089f02" data-timestamp="1472823933" data-icon="um-faicon-camera" data-set_id="0" data-set_mode="" data-type="image" data-key="profile_photo" data-max_size="999999999" data-max_size_error="This image is too large!" data-min_size_error="This image is too small!" data-extension_error="Sorry this is not a valid image."  data-allowed_types="gif,jpg,jpeg,png" data-upload_text="Upload your photo here<small class='um-max-filesize'>( max: <span>953.7MB</span> )</small>" data-max_files_error="You can only upload one image" data-upload_help_text="">Upload</div><div class="um-modal-footer">
									<div class="um-modal-right">
										<a href="#" class="um-modal-btn um-finish-upload image disabled" data-key="profile_photo" data-change="Change photo" data-processing="Processing..."> Apply</a>
										<a href="#" class="um-modal-btn alt" data-action="um_remove_modal"> Cancel</a>
									</div>
									<div class="um-clear"></div>
								</div></div></div></div></div>		
		<div class="um-dropdown" data-element="div.um-profile-photo" data-position="bc" data-trigger="click">
			<div class="um-dropdown-b">
				<div class="um-dropdown-arr"><i class=""></i></div>
				<ul>
										
					<li><a href="#" class="um-manual-trigger" data-parent=".um-profile-photo" data-child=".um-btn-auto-width">Upload photo</a></li>
					
										
					<li><a href="#" class="um-dropdown-hide">Cancel</a></li>
					
									</ul>
			</div>
		</div>
Viewing 1 replies (of 1 total)

The topic ‘Dropdown menu hidden?’ is closed to new replies.