Hi,

We set the image as the background in the Enfold > General Styling > Logo Area panel and adjusted the header height in Header > Header Layout > Header Size to a custom pixel value. We then added this css code to adjust the background image height and hide the default logo.

.header_color .header_bg {
    background: var(--enfold-header-color-background-image);
    background-size: auto 240px;
}

.logo img, .logo svg {
    display: none !important;
}

Screenshot:

View post on imgur.com

Best regards,
Ismael

Hi,
your nav bar is white due to this setting in Enfold Theme Options ▸ General Styling ▸ Logo Area Background Color I do this for you:

Best regards,
Mike

Hi,

Thanks for that. I’m still not sure that I fully understand your intentions though, since the site you linked to has a background image on desktop resolutions, and only a text link on lower resolutions. Are you looking to set a background image to the header? If so, then that can be set under Enfold->General Styling->Logo Area.

Best regards,
Rikard

Hi,
these images are from desktop:


What browser, OS are you using?
please include a admin login in the Private Content area so we can examine further.

Best regards,
Mike

Hi,
For tablet

Best regards,
Mike

Hi,
I checked with an incognito window and it looks like it is working:


Try disabling your wp-rocket plugin and clearing your cache

Best regards,
Mike

Hi,
Check that your Menu Screen elements ▸ CSS classs is checked, then add the custom class “nolinkstyle”, the manually add the link:

then add this css to your Quick CSS:

#top #header .avia_mega_div .sub-menu .avia_mega_text_block.nolinkstyle a {
    text-decoration: none;
    color: #000;
}
.header_color .main_menu .menu ul li.nolinkstyle a:hover {
	background-color: unset;
}

Best regards,
Mike

Hi,
This is in the Enfold Theme Options ▸ General Styling

this is in the Enfold Theme Options ▸ Advanced Styling

Best regards,
Mike

Hey FDovalA,
The page that you linked to is using a plugin in a widget, yith_wc_category_accordion-2
You can add a widget in your sidebar



and use the Widget Options plugin if you o only what it to show in some places.

Best regards,
Mike

Hi,
The strong tags get the color for here:

your H2 & H3 get color from here:

Best regards,
Mike

Hey slikslok,
You can change the Enfold Theme Options ▸ Cookie Consent ▸ Cookie Handling ▸ Default Cookie Behaviour


Try each setting to find the result you want.

Best regards,
Mike

Hey Christian,
Check that your Menu Screen elements ▸ Description is checked:

Best regards,
Mike

Hi,
Your “PHP max input variables” & “PHP memory limit” have not changed:

this is my site:

I also note that your PHP time limit is only 30 and mine is 300

Best regards,
Mike

Hi,

@Guenni007, in this case it seems to work:


he has a strange ratio 2.35:1, but as I recall you have another solution that I couldn’t find, if you want to post it.

Best regards,
Mike

Hi,
It looks like you have this css: line-height: 1px !important;

add by a plugin or custom css, it is not from the theme.
If you can not find it, try this css:

.av-toggle-switch label {
	line-height: 23px !important;
}

Best regards,
Mike

Hey manurimini,
It seems to work for me:


Try using the login you posted above for us.

Best regards,
Mike

Hi,
I also don’t see double arrows

Please note that testing with Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
In your screenshot:

the image is not all the way to the top, the top bar background color is white because of the Safari Website Tinting option:

from the site background color.
This color is not customizable beyond setting a solid color that matches the theme color of your website
and you cannot overlay an image or extend the background of your website into the status bar area

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 479px) { 
#top.home .slideshow_inner_caption {
    width: 50%;
}
    #top.home .avia-slideshow .av-slideshow-caption .avia-caption-content p {
        font-size: 9px;
        line-height: 9px;
        margin-bottom: 0;
    }
   #top.home .avia-slideshow .avia-slideshow-button {
   	margin-top: 10px;
   	font-size: 9px;
   }
}

Best regards,
Mike