i having hard time figure out. currently, can see below, have links below image.
i links, when user on mobile version of site, below content rather image.
any appreciated.
thanks
update
the following html of page. css using bootstrap:
<div class="row"> <aside class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-3 col-xs-12"> <span class="editableobject editablecomponent" style="display: block; width: 181px; float: none;"><span class="editableobjectcontents" style="display: block; width: 181px; float: none;"> <p><img alt="about us" height="220" src="/assets/image/about-us.jpg" width="220"></p></span> <ul class="editableobjectcontrol"> <li class="edit"><a href="/admin/?muraaction=carch.edit&contenthistid=4f3181c1-155d-0201-110389b72699e8cc&siteid=regal-en-us&contentid=fb628ef2-155d-0201-11f363089d9b2ce8&topid=00000000000000000000000000000000001&type=component&moduleid=00000000000000000000000000000000003&parentid=00000000000000000000000000000000003&compactdisplay=true&homeid=80eae971-155d-0201-113c16061274fbba" data-configurator="false" title="edit" class="frontendtoolsmodal"></a></li> </ul> </span><nav id="navstandard" class="mura-nav-standard well"> <ul class="nav nav-list"> <li class="first"><a href="/index.cfm/about-us/our-awards/">our awards</a></li> <li><a href="/index.cfm/about-us/compliance-and-resources/">compliance , resources</a></li> <li><a href="/index.cfm/about-us/our-contracted-hospitals/">our contracted hospitals</a></li> <li><a href="/index.cfm/about-us/our-health-plans/">our health plans</a></li> <li><a href="/index.cfm/about-us/our-leaders/">our leaders</a></li> <li><a href="/index.cfm/about-us/our-mission-and-history/">our mission , history</a></li> <li class="last"><a href="/index.cfm/about-us/our-organization-and-offices/">our organization , offices</a></li> </ul> </nav> </aside><!-- /.span --> <section class="col-lg-8 col-md-9 col-sm-9 col-xs-12 content"> <nav class="hidden-xs"><ol itemscope="" itemtype="http://schema.org/breadcrumblist" id="crumblist" class="mura-breadcrumb breadcrumb breadcrumb"> <li itemprop="itemlistelement" itemscope="" itemtype="http://schema.org/listitem" class="first"><a itemprop="item" href="/"><span itemprop="name">home</span></a><meta itemprop="position" content="1"></li><li itemprop="itemlistelement" itemscope="" itemtype="http://schema.org/listitem" class="last"><a itemprop="item" href="/index.cfm/about-us/"><span itemprop="name">about us</span></a><meta itemprop="position" content="1"></li> </ol></nav> <h1 class="pagetitle"><div class="mura-editable inactive inline"> <label class="mura-editable-label">title</label> <div contenteditable="false" id="mura-editable-attribute-title" class="inactive mura-editable-attribute inline" data-attribute="title" data-type="text" data-required="true" data-message="" data-label="title">about us</div> </div></h1> <div class="mura-editable inactive"> <label class="mura-editable-label">body</label> <div contenteditable="false" id="mura-editable-attribute-body" class="inactive mura-editable-attribute" data-attribute="body" data-type="htmleditor" data-required="false" data-message="" data-label="body"><p>group has been providing quality, innovative healthcare to los angeles, riverside, san bernardino, ventura , orange counties for more 35 years. largest physician-owned network in southern california, more half million people , families have selected deliver healthcare.</p> <p>we have doctors in community speak language , understand culture. result of high quality of care our doctors provide, 4.5 star network measured centers medicare & medicaid services.</p> <p>at regal medical group, take whole-health approach our patients improve physical, mental, , emotional well-being. offering value-added services patient focused programs, health education classes, health fairs, , more!</p></div> </div> </section> </div>
a quickly, non-elegant, way solve print link section twice... 1 inside visible-xs, other inside hidden-xs...
<div class="visible-xs">i same menu visible when small devices</div> <div class="hidden-xs">i same menu hidden when small devices</div> your posted code isn't clear, assume you're using twitter bootstrap.
Comments
Post a Comment