DIVI / Couleur arrière plan menu principal ---> format téléphone

wp-infinity
ThemeForestElegantThemes

Merci de vous inscrire pour participer au forum
Invité

Rechercher

— Forum Scope —




— Correspondances —





— Options du forum —





La longueur minimum du terme à rechercher est 3caractère - la longueur maximum est de 84 caractères

S'inscrire Mot de passe oublié ?
forum-theme
DIVI / Couleur arrière plan menu principal ---> format téléphone
valentinedub
Membre
Membres
Messages du forum : 6
Membre depuis :
27 octobre 2016
sp_UserOfflineSmall Hors ligne
1
28 octobre 2016 - 19:12
sp_Permalink sp_Print

Bonjour,

J'ai un problème d'affichage sur mon site http://www.desideratastudio.fr lorsque je l'ouvre sur un format de téléphone portable, le fond blanc appliqué derrière le logo dans la barre de menu disparait.Le logo se retrouve ainsi transparent lorsqu'on fait défiler les images du menu vers le bas. 

Quelqu'un saurait il m'aider ?

Merci !

Valentine

Avatar
Thibaud
Administrateur
Messages du forum : 345
Membre depuis :
30 septembre 2012
sp_UserOfflineSmall Hors ligne
2
9 novembre 2016 - 21:34
sp_Permalink sp_Print

Bonjour Valentine, du devrais trouver l'option dans les réglages du header de Divi. Il est actuellement réglé sur transparentdans les CSS.

.et-fixed-header#main-header {

background-color: transparent !important;

}

valentinedub
Membre
Membres
Messages du forum : 6
Membre depuis :
27 octobre 2016
sp_UserOfflineSmall Hors ligne
3
10 novembre 2016 - 10:30
sp_Permalink sp_Print

Merci beaucoup Thibault ! Globalement ça a marché mais un problème subsiste dans certains formats. Le bandeau header ne semble pas démarrer du haut de l'ecran et des images passent "en dessous" en scrolant et aparaissent  dont en haut de l'écran. (je joins une capture d'écran pour que ce soit compréhensible). Comment puis-je réparer ce problème ? 

Comme tu as du comprendre, j'ai ajouté un code CSS (ci dessous) dans les options du theme DIVI pour personnalier le menu et avoir un menu burger.  J'ai trouvé ce code sur internet et j'ai réussi à changer certains paramètre mais je ne maitrise pas tout... 

Peux tu aussi m'aider sur le logo en en-tête? Lorsque je srcroll il arrive qu'il ne semble pas fixe et saute légèrement. D'autre part en format téléphone puis-je l'agrandir légèrement, et comment ? 

Enfin, dernière question : puis-je retirer le trait (léger filet) qui sépare mon header de mes images. Je n'y arrive pas.

Merci beaucoup pour ton aide précieuse !

Si cela peut être utile, dans les options du theme DIVI voici le code CSS que j'ai :

/****** Menu multicolor horizontal ******/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a {
background-color: #FFFFFF;
}
#main-header .et_mobile_menu li ul.sub-menu.hide {
display: none !important;
visibility: hidden !important;
transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible {
display: block !important;
visibility: visible !important;
}
.et_mobile_menu .menu-item-has-children > a:after {
font-family: "Roboto";
font-size: 22px;
font-weight: 800;
content: "3";
position: absolute;
right: 100px;
}

/* Font Awesome */
.fa {
/****** Menu multicolor horizontal ******/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a {
background-color: #FFFFFF;
}
#main-header .et_mobile_menu li ul.sub-menu.hide {
display: none !important;
visibility: hidden !important;
transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible {
display: block !important;
visibility: visible !important;
}
.et_mobile_menu .menu-item-has-children > a:after {
font-family: "ETmodules";
font-size: 22px;
font-weight: 800;
content: "3";
position: absolute;
right: 100px;
}

/* Font Awesome */
.fa {
margin-right: 15px ;
}

@media screen and (max-width: 980px) {
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent;
}
.mobile_nav.closed .select_page {
display: none;
}
.et-fixed-header#main-header {
background-color: #FFFFFF !important;
}
.et_header_style_centered #main-header {
position: fixed;
}
}
.et_mobile_menu {
top: 0;
left: 0;
position: fixed;
z-index: 9998;
overflow: scroll !important;
background-color: rgba(27, 29, 30, 0.95) !important;
margin-left: -30px;
padding-top: 0px;
height: 100%;
width: calc( 100% + 60px);
border-top: none;
}
.et_mobile_menu li a {
color: #fff;
text-align: center;
font-size: 1.6em;
border: 0;
padding: 8% 0;
text-transform: uppercase;
letter-spacing: 4px;
}
.et_mobile_menu li a:nth-child(2) {
padding-top: 0% !important;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
color: #f9f9f9;
}
.mobile_nav ul#mobile_menu li ul li a {
font-size: 1.1em !important;
margin: auto;
padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
color: #FFFFFF;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
color: #606060 !important;
top: -15px !important;
left: 27px !important;
transition: .15s;
}
span.mobile_menu_bar {
z-index: 9999;
}

/**__ The following code allows you to change the background of each individual item. All you need to do is change the hex code with the one that you prefer, and if your menu has more than 7 items, you must copy the piece of code that you see and change the number in the parenthesis in ascending order. Example: if your menu has 10 items, you will need to add more 3 snippet and change the number in the brackets with 8, 9, 10. __**/

.et_mobile_menu li:nth-child(1) {
background-color: #FFFFFFE;
}

.et_mobile_menu li:nth-child(2) {
background-color: #FFFFFFE ;
}

.et_mobile_menu li:nth-child(3) {
background-color: #FFFFFFE;
}

.et_mobile_menu li:nth-child(4) {
background-color: #C98392;
}

.et_mobile_menu li:nth-child(5) {
background-color: #83B5B1;
}
.et_mobile_menu li:nth-child(6) {
background-color: #B2D9CF;
}
.et_mobile_menu li:nth-child(7) {
background-color: #92bdcf;
}

 

@media only screen and ( min-width:981px ) {
/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container {
height: 700px !important;
}
.et_pb_slider, .et_pb_slider .et_pb_slide {
max-height: 700px;
}
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
}
font-family: 'Montserrat', sans-serif;: 15px ;
}

@media screen and (max-width: 980px) {
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent;
}
.mobile_nav.closed .select_page {
display: none;
}
.et-fixed-header#main-header {
background-color: #FFFFFF;
}
.et_header_style_centered #main-header {
position: fixed;
}
}
.et_mobile_menu {
top: 0;
left: 0;
position: fixed;
z-index: 9998;
overflow: scroll !important;
background-color: rgba(27, 29, 30, 0.95) !important;
margin-left: -30px;
padding-top: 0px;
height: 100%;
width: calc( 100% + 60px);
border-top: none;
}
.et_mobile_menu li a {
color: #fff;
text-align: center;
font-size: 1.6em;
border: 0;
padding: 8% 0;
text-transform: uppercase;
letter-spacing: 4px;
}
.et_mobile_menu li a:nth-child(2) {
padding-top: 0% !important;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
color: #f9f9f9;
}
.mobile_nav ul#mobile_menu li ul li a {
font-size: 1.1em !important;
margin: auto;
padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
color: #FFFFFF;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
color: #606060 !important;
top: -15px !important;
left: 27px !important;
transition: .15s;
}
span.mobile_menu_bar {
z-index: 9999;
}

/**__ The following code allows you to change the background of each individual item. All you need to do is change the hex code with the one that you prefer, and if your menu has more than 7 items, you must copy the piece of code that you see and change the number in the parenthesis in ascending order. Example: if your menu has 10 items, you will need to add more 3 snippet and change the number in the brackets with 8, 9, 10. __**/

.et_mobile_menu li:nth-child(1) {
background-color: #FFFFFFE;
}

.et_mobile_menu li:nth-child(2) {
background-color: #FFFFFFE ;
}

.et_mobile_menu li:nth-child(3) {
background-color: #FFFFFFE;
}

.et_mobile_menu li:nth-child(4) {
background-color: #C98392;
}

.et_mobile_menu li:nth-child(5) {
background-color: #83B5B1;
}
.et_mobile_menu li:nth-child(6) {
background-color: #B2D9CF;
}
.et_mobile_menu li:nth-child(7) {
background-color: #92bdcf;
}

 

@media only screen and ( min-width:981px ) {
/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container {
height: 700px !important;
}
.et_pb_slider, .et_pb_slider .et_pb_slide {
max-height: 700px;
}
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
}
font-family: 'Montserrat', sans-serif;

valentinedub
Membre
Membres
Messages du forum : 6
Membre depuis :
27 octobre 2016
sp_UserOfflineSmall Hors ligne
4
10 novembre 2016 - 10:34
sp_Permalink sp_Print

La capture d'image du problème en piece jointe. Merci

valentinedub
Membre
Membres
Messages du forum : 6
Membre depuis :
27 octobre 2016
sp_UserOfflineSmall Hors ligne
5
10 novembre 2016 - 10:35
sp_Permalink sp_Print

Capture-décran-1.jpgImage Enlarger

La capture d'image du problème en piece jointe. Merci

Fuseau horaire du forum :Europe/Paris

Nb max. d'utilisateurs en ligne :574

Actuellement en ligne :
6 Invité(s)

Actuellement sur cette page :
1 Invité(s)

Auteurs les plus actifs :

BrunoT: 52

vKr_Onii: 42

bosschris: 39

athox: 26

Martine677: 25

monchihuahua: 25

Dan: 24

regisbor33: 23

monblogestunroman: 23

Nouveaux membres :

Talisker25

maziecrocker

barbpaulk0349

Djiman

sherrillv03

latashaflagg556

jefferybustamant

niklasm62431705

kerry9554@aol.com

Statistiques du forum :

Groupes :3

Forums :9

Topics :702

Posts :2782

 

Statistiques des membres :

Invités: 23

Membres : 8654

Modérateurs : 27

Admins: 1

Administrateurs :Thibaud

Modérateurs :Sylvain, bruno, david, Catherine0614, zapps, soborne, Mojiezuo, Soufian Ait Tirite, Jeff, redwhirl, sigridregnier, Jess, Malles, spleen13, Alain2choeur, kaepaul, negativenetwork, Pictures4events, 100son, Ben 44, Ailpp84, joecab, SPITI, Fatalys, Therese, P-x3l, Gayraud Marina