Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
opgelost Menu aanpassen
Menu aanpassen
17 jan 2014 19:36 - 17 jan 2014 19:39
Beste,
Ik heb een template gemaakt met Artisteer (daar zijn jullie blij mee he
) en heb al een aantal problemen kunnen verhelpen maar met 1 probleem blijf ik zitten, hoop dat jullie me hiermee kunnen helpen.
De website wordt juist weergegeven op desktop en mobiel alleen op de tablet krijg ik het menu zoals op foto 1.
Ik heb al gezocht in de responsive.css en wat getallen aangepast maar krijg het niet voor elkaar.
Is er iemand die weet wat ik aan moet passen om het menu ook op een tablet juist weer te geven?
Graag zie ik het menu zoals op de desktop zie. betaalmogelijkhedenonline.nl
Alvast bedankt voor het mee denken.
Groet Patrick
Ik heb een template gemaakt met Artisteer (daar zijn jullie blij mee he
) en heb al een aantal problemen kunnen verhelpen maar met 1 probleem blijf ik zitten, hoop dat jullie me hiermee kunnen helpen.De website wordt juist weergegeven op desktop en mobiel alleen op de tablet krijg ik het menu zoals op foto 1.
Ik heb al gezocht in de responsive.css en wat getallen aangepast maar krijg het niet voor elkaar.
Is er iemand die weet wat ik aan moet passen om het menu ook op een tablet juist weer te geven?
Graag zie ik het menu zoals op de desktop zie. betaalmogelijkhedenonline.nl
Code:
/* Created by Artisteer v4.1.0.60046 */
.responsive body
{
min-width: 240px;
}
.responsive .art-content-layout img,
.responsive .art-content-layout video
{
max-width: 100%;
height: auto !important;
}
.responsive.responsive-phone .art-content-layout img
{
float: none !important;
margin: 1%;
}
.responsive.responsive-phone .art-collage {
margin: 1% !important;
}
.responsive .art-content-layout .art-sidebar0,
.responsive .art-content-layout .art-sidebar1,
.responsive .art-content-layout .art-sidebar2
{
width: auto !important;
}
.responsive .art-content-layout,
.responsive .art-content-layout-row,
.responsive .art-layout-cell
{
display: block;
}
.responsive .image-caption-wrapper
{
width: auto;
}
.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block
{
margin-left: 1%;
margin-right: 1%;
width: 48%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.responsive .art-responsive-embed
{
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.responsive .art-responsive-embed iframe,
.responsive .art-responsive-embed object,
.responsive .art-responsive-embed embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive .art-sheet
{
width: auto !important;
min-width: 240px !important;
max-width: none;
margin-right: 1% !important;
margin-left: 1% !important;
margin-top: 1% !important;
}
#art-resp {
display: none;
}
@media all and (max-width: 768px)
{
#art-resp, #art-resp-t { display: block; }
#art-resp-m { display: none; }
}
@media all and (max-width: 480px)
{
#art-resp, #art-resp-m { display: block; }
#art-resp-t { display: none; }
}
.responsive .art-header
{
width: auto;
height: auto;
min-height: 100px;
min-width: 1%;
background-position: center center !important;
background-size: cover !important;
background-repeat: repeat !important;
}
.responsive .art-header .art-headline,
.responsive .art-header .art-slogan
{
display: block !important;
top: 0 !important;
left: 0 !important;
margin: 2% !important;
}
.responsive .art-header .art-headline a,
.responsive .art-header .art-slogan
{
white-space: normal !important;
}
.responsive .art-header *
{
position: relative;
text-align: center;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.responsive .art-header #art-flash-area,
.responsive .art-header .art-shapes>*
{
display: none;
}
.responsive #art-header-bg
{
background-position: center center !important;
background-size: cover !important;
background-repeat: repeat !important;
}
/* Search and other elements in header element directly */
.responsive .art-header>.art-textblock
{
position: relative !important;
display: block !important;
margin: 1% auto !important;
width: 75% !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
/* For icons like facebook, rss, etc. */
.responsive .art-header>.art-textblock>div
{
width: 100%;
}
/* dynamic width nav */
.responsive nav.art-nav,
.responsive .art-nav-inner
{
width: auto !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin-top: 0;
margin-bottom: 0;
min-width: 0;
text-align: left !important;
}
.responsive nav.art-nav
{
min-width: 1%;
}
.responsive .art-nav
{
padding-left: 0;
padding-right: 0;
}
/* full width hmenu, instead of inline-block */
.responsive .art-nav ul.art-hmenu
{
float: none;
text-align: center;
display: none;
{
/* elements on different lines */
.responsive .art-nav ul.art-hmenu li,
.responsive .art-hmenu-extra1,
.responsive .art-hmenu-extra2
}
float: none;
}
/* horizontal margins */
.responsive .art-nav ul.art-hmenu>li:first-child,
.responsive .art-nav ul.art-hmenu>li:last-child,
.responsive .art-nav ul.art-hmenu>li
{
margin-left: 0;
margin-right: 0;
}
/* separator */
.responsive .art-nav ul.art-hmenu>li:before
{
display: none;
}
/* vertical distance between items */
.responsive .art-nav ul.art-hmenu a
{
margin-top: 1px !important;
margin-bottom: 1px !important;
text-align: center !important;
height: auto;
white-space: normal;
}
.responsive .art-nav ul.art-hmenu>li:first-child>a
{
margin-top: 0 !important;
}
.responsive .art-nav ul.art-hmenu>li:last-child>a
{
margin-bottom: 0 !important;
}
/* fixes for extended menu */
.responsive .art-nav .ext,
.responsive .art-nav ul.art-hmenu>li>ul,
.responsive .art-nav ul.art-hmenu>li>ul>li,
.responsive .art-nav ul.art-hmenu>li>ul>li a
{
width: auto !important;
}
/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: none !important;
position: relative !important;
visibility: visible !important;
}
.art-nav .art-menu-btn
{
border: 1px solid #404040;
border-radius: 3px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
display: none;
background: -ms-linear-gradient(top, #707070 0, #000 100%);
background: -moz-linear-gradient(top, #707070 0, #000 100%);
background: -o-linear-gradient(top, #707070 0, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
background: -webkit-linear-gradient(top, #707070 0, #000 100%);
background: linear-gradient(to bottom, #707070 0, #000 100%);
margin: 3px;
padding: 5px;
position: relative;
width: 20px;
}
.art-nav .art-menu-btn span
{
background: #E0E0E0;
border-radius: 2px;
display: block;
height: 3px;
margin: 3px 1px;
position: relative;
-moz-transition: background .2s;
-o-transition: background .2s;
-webkit-transition: background .2s;
transition: background .2s;
}
.art-nav .art-menu-btn:hover span
{
background: #f3f3f3;
}
.responsive .art-nav .art-menu-btn
{
display: inline-block;
}
.responsive .art-nav .art-hmenu.visible
{
display: block;
}
.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after
{
display: none;
}
.responsive .art-nav ul.art-hmenu ul a
{
padding-left: 4% !important;
}
.responsive .art-nav ul.art-hmenu ul ul a
{
padding-left: 6% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul a
{
padding-left: 8% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul a
{
padding-left: 10% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul ul a
{
padding-left: 12% !important;
}
.responsive .art-nav ul.art-hmenu>li>ul
{
padding: 5px;
}
.responsive .art-nav ul.art-hmenu>li>ul:before
{
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.responsive .art-content-layout,
.responsive .art-content-layout-row,
.responsive .art-layout-cell
{
display: block;
}
.responsive .art-layout-cell
{
width: auto !important;
height: auto !important;
border-right-width: 0 !important;
border-left-width: 0 !important;
border-radius: 0 !important;
}
.responsive .art-content-layout:after,
.responsive .art-content-layout-row:after,
.responsive .art-layout-cell:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.responsive .art-post
{
border-radius: 0;
}
.responsive .art-footer-inner
{
min-width: 0;
}
.responsive .art-footer
{
margin-top: 1%;
}
.responsive .responsive-tablet-layout-cell
{
width: 50% !important;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Alvast bedankt voor het mee denken.
Groet Patrick
Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken
Laatst bewerkt 17 jan 2014 19:39 door Patrick1102.
- Patrick1102
-
Heeft onderwerp gestart
- Joomla!NL ontdekker
-
- Berichten: 53
Menu aanpassen
17 jan 2014 19:58
Hallo,
Wat Artisteer templates betreft kan ik je gelijk geven met je bewering.
Heb dus ook zo geen oplossing maar misschien een ander forumlid wel.
Misschien een tip voor je, weet je dat er ook een Artisteer forum bestaat?
En misschien hier ook nog even reageren?
forum.joomlanl.nl/forum/3-x-templates-en...eren-index-php#82791
Wat Artisteer templates betreft kan ik je gelijk geven met je bewering.
Heb dus ook zo geen oplossing maar misschien een ander forumlid wel.
Misschien een tip voor je, weet je dat er ook een Artisteer forum bestaat?
En misschien hier ook nog even reageren?
forum.joomlanl.nl/forum/3-x-templates-en...eren-index-php#82791
Groeten, Jelle
| Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum. | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Jelle
-
- Algemeen Moderator
-
- Berichten: 13597
- WoodyF4u
-
- Moderator + Nieuwsteam
-
- Berichten: 11176
- Patrick1102
-
Heeft onderwerp gestart
- Joomla!NL ontdekker
-
- Berichten: 53
- Astrid
-
- Moderator + Technisch team
-
- Berichten: 37132
