Forum Replies Created
-
AuthorPosts
-
Hey dreamreader,
Your desktop header is using the option in the admin sidebar for Header visibility and transparency ▸ Header is invisible and appears once the users scrolls down this option doesn’t work for mobile.
You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #header.av_header_transparency { display: none; } #top #wrap_all #header.av_header_transparency ~ #main { padding-top: 0 !important; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Your header is transparent the gray that you see is from the top color section on the page:

when the header is scrolled the #897270 color is from your Logo Area Color:

if you don’t want a transparent header change the setting on the page in the backend in the admin sidebar:

As for the header widget, I disabled the above css and added this:@media only screen and (min-width: 990px) and (max-width: 1670px) { #header_main .inner-container .widget .textwidget { margin-left: -196%; } } @media only screen and (min-width: 990px) and (max-width: 1440px) { #header_main .inner-container .widget .textwidget p span { font-size: 14px !important; } } @media only screen and (min-width: 1441px) and (max-width: 1670px) { #header_main .inner-container .widget .textwidget p span { font-size: 18px !important; } } #header_main .inner-container { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } #header_main .inner-container .widget { padding: 0; } #header_main .inner-container .widget .textwidget { align-content: center; height: 100%; }please clear your browser cache and check.
Best regards,
MikeHey Simijonovic,
the Skype protocol is not whitelisted in WordPress, and URL beginning by skype is stripped by WordPress, try the plugin Allow Skype ProtocolBest regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 300px; height: 100px; font-size: 24px; } .html_header_transparency #top #main .caption_bottom .slideshow_caption { padding-top: 0; } } @media only screen and (max-width: 767px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { padding: 10px 6px; font-size: 10px; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Try this CSS instead in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 1440px) { #top:not(.page-id-3288,.page-id-3593) #footer { display: none; } } @media only screen and (max-width: 1439px) { #top #footer { display: none; } }Best regards,
MikeMarch 31, 2024 at 10:02 pm in reply to: Main menu: from symbol to text and width of both menus #1438857Hi,
To change the color of the burger menu icon on desktop try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: red !important; }To adjust the width of the mobile menu go to Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu Styling ▸ Flyout Width
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #main .iconbox_left_content .iconbox_icon { width: 100px; height: 100px; }Best regards,
MikeHi,
If you just want to show different widgets in the footer for different pages, I recommend using the plugin Widget Options, it offers a easy way to choose which widgets show on each page.Best regards,
MikeHi,
Then remove the other css and use this instead:.single-portfolio #av-masonry-1 h3.av-masonry-entry-title { font-family: verdana; font-size: 16px; font-weight: 400; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
I recommend creating different widgets in your footer and use the plugin Widget Options to show each widget on specific pages and then use css like above to hide the footer on all other pages.Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
This assumes that you want the footer to show only on this page at screen sizes over 1440px, feel free to adjust to a different screen size if you wish.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 1440px) { #top:not(.page-id-3288) #footer { display: none; } } @media only screen and (max-width: 1439px) { #top #footer { display: none; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 31, 2024 at 2:18 pm in reply to: Encountering Challenges with Enfold Theme While Attempting to Clone Our Existing #1438839Hi,
Most of your errors seem to be coming from the WordPress core file /wp-admin/includes/template.php, I’m not sure why this is, but I recommend starting over and use the plugin instead of trying to do it yourself manually.
I don’t recommend trying to use the plugin to overwrite your current errors, delete your current new WordPress install and start over.
Another option may be to use your webhost staging site option, most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMarch 30, 2024 at 11:37 pm in reply to: Main menu: from symbol to text and width of both menus #1438810Hey northorie,
To have a mobile menu when the header is transparent and change to the full menu on scroll for desktop screens, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 2500px) { #top #header.av_header_transparency .av-main-nav > li.menu-item { display: none!important; } #top #header.av_header_transparency .av-burger-menu-main { cursor: pointer; display: block!important; } }Best regards,
MikeHi,
Try the solution in this thread.Best regards,
MikeHey dreamreader,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#tab-id-1-content .tab_inner_content { padding-top: 0% } #tab-id-2-content .tab_inner_content { padding-top: 4% } #tab-id-3-content .tab_inner_content { padding-top: 11% } #tab-id-4-content .tab_inner_content { padding-top: 18% } #tab-id-5-content .tab_inner_content { padding-top: 25% } #tab-id-6-content .tab_inner_content { padding-top: 33% } #tab-id-7-content .tab_inner_content { padding-top: 39% } #tab-id-8-content .tab_inner_content { padding-top: 46% } #tab-id-9-content .tab_inner_content { padding-top: 53% } #tab-id-10-content .tab_inner_content { padding-top: 60% } #tab-id-11-content .tab_inner_content { padding-top: 66% }you may need to adjust this a little, it the only solution I could think of.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Chancenzeit,
When I check your homepage the text editor opens and saves correctly:

perhaps a screenshot of your trouble would help.Best regards,
MikeMarch 30, 2024 at 10:59 pm in reply to: Encountering Challenges with Enfold Theme While Attempting to Clone Our Existing #1438805Hey Lead,
I would recommend using the Duplicator plugin it is quite east to use, see the video on the plugin page.Best regards,
MikeHi,
Try adding to your child theme functions.php:function custom_gtm() { ?> <script> // add your code here </script> <?php } add_action( 'wp_head', 'custom_gtm', 99 );Best regards,
MikeHi,
Sounds like you have this sorted out now, shall we close this thread then?Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #after_layer_slider_1 .avia-builder-el-first .avia-image-container { width: 50%; } }adjust to suit.
Best regards,
MikeHey johnf149,
Try using the WooCommerce 3.0 product gallery at Enfold Theme Options ▸ Shop Options ▸ Product galleryBest regards,
MikeHey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .scroll-down-link { color: red; }adjust the color to suit.
Best regards,
Mike -
AuthorPosts


