Hey!

Glad you like it :)
Please try the below CSS :

/* Submenu text color */
#top #header .avia_mega_div .sub-menu a {
color:#FFF!important;
}

/* Remove yellow line*/
.header_color .avia_mega_div {
	background:transparent!important;
}

Cheers!
Vinay

Hey td8000,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding: 50px 0 0 0px !important;
}

Best regards,
Vinay

Hi!

Your embed file does not have a selected height, so the color section has to also be full Height.
https://kriesi.at/support/topic/change-height-size-in-color-section/

Please check Josue reply here and let us know if it works out for you.

Thanks a lot

Regards,
Basilis

Hi,

You can change the code I gave to target ipad as well, just replace the code I gave:

@media only screen and (max-width:767px) {
  #advanced_menu_toggle {
    display: block;
    right: 20px;
  }
}

to this one:

@media only screen and (max-width:1024px) {
  #advanced_menu_toggle {
    display: block;
    right: 20px;
  }
}

As for the menu not opening when click, can you try to disable the autoptimize plugin. Hope this helps.

Best regards,
Nikko

Hi Vincent,

Cropping would be one way to do it if you have different image dimensions. Can you try to add this css code in Quick CSS (located in Enfold > General Styling):

#top .inner_product .thumbnail_container img {
    max-height: 450px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

Let us know if this helps.

Regards,
Nikko

Hey LorbeerDesign,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

In the below code nth-child(x) the number x refer to the menu item. Please add more nth-child selectors to match the number of menu items and update the background color values.

#top #header .avia_mega_div .sub-menu:nth-child(1) {
background:gold!important;
}
#top #header .avia_mega_div .sub-menu:nth-child(2) {
background:green!important;
}

Best regards,
Vinay

Hi,

Sorry for the delay, It appears you have this figured out? Let us know if you have more questions.

If you reply to your own topic the ticket will go to the bottom of the queue please wait for us to reply.

Best regards,
Vinay

Hi,

Sorry for the delay. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 479px) {
.responsive #top #main .products.slide-entry-wrap .product {
    margin: 0 20px 20px 0!important;
    width: calc(50% - 20px)!important;
}}

Best regards,
Vinay

• This reply was modified 8 years, 11 months ago by Vinay.

Hi,

I checked your site and the header background looks the same on desktop and mobile version. Please check the attached screenshot in private. If you still have any issue please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

Best regards,
Vinay