Hi @riskagency ;
Try with these lines :
h1{background-color: rgba(0, 0, 0, 0.5) !important;padding: 5px !important;}

Hi @unicaweb;
try to add these lines into your custom style or Theme settings> General Styling > Quick CSS :

.single-product .template-shop .product {width: 100% !important;margin-right: 0 !important;}
#top #main .sidebar{display: none !important;}

Hi @gameon238;
this may help you Enable advanced layout builder debug

Hi @henrik51;
your first slider has as “id” /full_slider_1/,
if you add another one into your page it would be /full_slider_2/.

Then if you add these lines into your child theme css or quick css (under Enfold theme settings)
it would show #1 and hide #2 for desktop and
it would show #2 and hide #1 for mobil (max 767px)

#full_slider_2 {display: none !important;}

/*Mobile Styles */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
#full_slider_1 {display: none !important;}
#full_slider_2 {display: block !important;}
}

In any case I would advice to see Enfold documentation.

Hi @phylicia;
then try this to target on a specifique sub menu item (which is XXX) and all the following links to sub pages
#menu-item-XXXX .sub-menu li a{ }

or try this to target all the following links to pages in all of the sub menus
#top .av-main-nav ul a{ }

Hi @phylicia ;
sorry for the first codes, there is an extra space before “sub-menu”
try with :
#menu-item-599 .sub-menu{ }

if you would like to target just a link in that sub menu :
#menu-item-599 .sub-menu #menu-item-XXX a{ }

• This reply was modified 8 years, 9 months ago by begrafiks.

Hi @phylicia ;
try to change the color of the whole “sub menu” with :
#menu-item-599 . sub-menu{ }

if you would like to target just a link in that sub menu :
#menu-item-599 . sub-menu #menu-item-XXX a{ }

(!) XXX = is the “id” of your menu element

Hi @sepruda ;
I think you should change “Mobil Menu” settings
You will find it :
Dashbord > Theme Settings > Header > Mobil Menu
or Mobil menu image

BTW the size of the menu text isn’t it too big ?
this could help
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{font-size: 14px !important;}

• This reply was modified 8 years, 9 months ago by begrafiks.

Hi @elemans ;
in order to have your dark blue color in your “phone number zone” you should change the code above with following one (add the color that suites you),
but as your Facebook logo is also a “dark” color you should change it’s color to “light”.

@media only screen and (max-width: 767px){
#top #wrap_all .av_header_transparency{  background-color: rgba(13, 46, 208, 1) !important;}
#top #wrap_all .social_bookmarks {color: #ffffff !important;}
}

To how to chose and add color with “rgba” informations are here

• This reply was modified 8 years, 9 months ago by begrafiks.

Hi @studioinktvis;
Yes, if you do not have “A child theme”.

Hi @bdm55;
try to add this line into your custom css styles :
#top .social_bookmarks li{margin-right: 15px !important;}
use your own size

@beleneses ; thank you, I like to see that flag (red and yellow)

Hi beleneses ;
I love Le Gard, especially Uzès so I go on …

My last tip work for each “Post” (la-clape or sommieres …)

If you have a category “Languedoc” and in it “la-clape” what you can (may) do :
1 – Call directly the category url :
not this one => https://lavitrineduvin.com/languedoc/aude/la-clape
but something like this => https://lavitrineduvin.com/category/languedoc/aude/la-clape
you can call this adresse “Afficher” (Dashbord > Post -Articles- > Categories -Catégories-> your category and hover it with your mouse)
You see it’s not nice.

2 – Or try to use “Parent Page” which is just beneath “Attributs de la page” :
Create a page “Languedoc”,
Create a page “Aude”; “Attributs de la page” = “Languedoc”
Create a page “La Clape”, another page “Quatourze” and “Attributs de la page” = “Aude”
I think you’ll have an url like this : https://lavitrineduvin.com/languedoc/aude/la-clape

It seems to me that what you’ve done already looks like N° 2 but just in one level.

bon courage

• This reply was modified 8 years, 10 months ago by begrafiks.

hi TUCOENERGIE;
try to add this code into your custom css styles :

.logo img{margin-top: 4% !important;}

Hi DavidMiles;
your css files look “bizzare” (!) : the mobile menu has “display:none” for every screen size.

but try to add these lines into your custom styles :

@media only screen and (max-width: 767px) {
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
}