tag:blogger.com,1999:blog-18210645430285691462024-02-20T10:11:20.782-08:00Basic to GeekyMarsehttp://www.blogger.com/profile/09986143764159327227noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-1821064543028569146.post-34884497935738075372012-02-28T23:58:00.002-08:002012-02-28T23:59:45.418-08:00How to Change/Create an Unclickable Parent Page in Dropdown Menu (WordPress)For first-timer on Wordpress like me, here is a very easy and step by step fix to make parent page in a dropdown menu unclikable or not a link.<br />
<br />
<i><b>Problem:</b> </i>Parent menu should not be clickable or should not look like a link to a page (<i>no mousehand when you mouseover</i>).<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gPQ79i98d2Giqs3-cHPvmSTlppZvdEY27Uy3OEyWmSuM61aIvRACrZLYGfa36MDckN-_qt307kNCT3C8BKUJNgwOk8PgEBEzHHvTKXysIEolP6uEV4idzseBSWAWStNTQSXGQFq2v1EG/s1600/dropdown+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gPQ79i98d2Giqs3-cHPvmSTlppZvdEY27Uy3OEyWmSuM61aIvRACrZLYGfa36MDckN-_qt307kNCT3C8BKUJNgwOk8PgEBEzHHvTKXysIEolP6uEV4idzseBSWAWStNTQSXGQFq2v1EG/s320/dropdown+copy.png" width="193" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><b><i>Solution:</i></b><br />
1. Go to "Menus" under "Appearance". Choose the menu to modify.<br />
<br />
<i>In this example, the menu is "secondary_nav" with parent page "Show Room" and subpages.</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-ClWuTi7_0nOzhY9i50FwgkLd03qwSgpLqtx6V3LayinzcZrgjTOVVnj9gf4lCyuNnD_jvs8BUQxSrg6ZNSdFFxxsfI9fG-5bTnQoRPUUnmXkYGIL809B7m9OsUuPq_73tfX5ccahXiC/s1600/unclickable_menu01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-ClWuTi7_0nOzhY9i50FwgkLd03qwSgpLqtx6V3LayinzcZrgjTOVVnj9gf4lCyuNnD_jvs8BUQxSrg6ZNSdFFxxsfI9fG-5bTnQoRPUUnmXkYGIL809B7m9OsUuPq_73tfX5ccahXiC/s400/unclickable_menu01.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">2. On the "Custom Links", input:</div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both;">URL: #</div><div class="separator" style="clear: both;">Label: Show Room (name of the parent page)</div><div class="separator" style="clear: both;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSl5De4riLlY28aQgibz6JZExBODGUbwdGZ7LtMurZSzEb-oMMiRFHZOPZCmWaeJq3Jt8A9iXkbg_tKc6vLYeXQSBetyhBezMh4y54VN1zMyPdiSmt3SXAH1LAz533e385qPOdy7hkint/s1600/Custom+Links.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSl5De4riLlY28aQgibz6JZExBODGUbwdGZ7LtMurZSzEb-oMMiRFHZOPZCmWaeJq3Jt8A9iXkbg_tKc6vLYeXQSBetyhBezMh4y54VN1zMyPdiSmt3SXAH1LAz533e385qPOdy7hkint/s1600/Custom+Links.png" /></a></div><br />
<div class="" style="clear: both;">then click "Add to Menu" button.</div><div class="" style="clear: both;"><br />
</div><div class="" style="clear: both;">3. Move the newly created menu at the top followed by the subpages (check the hierarchy) and you can delete the old "Show Room" page by clicking the dropdown arrow and then delete.</div><div class="" style="clear: both;"><br />
</div><div class="" style="clear: both;"><i>(In this case, I've already deleted the old "Show Room")</i></div><div class="" style="clear: both;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFW8nuj0lQdPhMyaimZWDPMth9Nj2UTzp1nGaFHTBPE8IxczVu0oR-Vc2LCXfPAPriTk4OTxUizoOZOBR1tQuN3Z_nM5560V1sl62ihz1SSCyDV1nUdVD6R1Uq4glbSiSb2g8y1CQkVrt/s1600/menu02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFW8nuj0lQdPhMyaimZWDPMth9Nj2UTzp1nGaFHTBPE8IxczVu0oR-Vc2LCXfPAPriTk4OTxUizoOZOBR1tQuN3Z_nM5560V1sl62ihz1SSCyDV1nUdVD6R1Uq4glbSiSb2g8y1CQkVrt/s400/menu02.jpg" width="400" /></a></div><div class="" style="clear: both;"><br />
</div><div class="" style="clear: both;"><br />
</div><div class="" style="clear: both;">4. Finally, hit "Save Menu" and you are done.</div><div class="" style="clear: both;"><br />
</div><div class="" style="clear: both;"><b><i>Result: </i></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpa_WUBbrKafPG5DvmY25u4oZ3xRgPKTzwpLjk6FDacuBHmoXKyTCBwqRNbEmKF5etRsKHfQ0uJS9fR8qT06eowfkSI2vY3vJNuLba4Wsh_YuiHnhdRzGXkQCbP2y50FQQtDHw6Plost-r/s1600/dropdown+ok.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpa_WUBbrKafPG5DvmY25u4oZ3xRgPKTzwpLjk6FDacuBHmoXKyTCBwqRNbEmKF5etRsKHfQ0uJS9fR8qT06eowfkSI2vY3vJNuLba4Wsh_YuiHnhdRzGXkQCbP2y50FQQtDHw6Plost-r/s320/dropdown+ok.png" width="195" /></a></div><div class="" style="clear: both;"><b><i><br />
</i></b></div><div class="" style="clear: both;"><br />
</div>Marsehttp://www.blogger.com/profile/09986143764159327227noreply@blogger.com2