Yigit, you’re the shiznit! That worked!

Now, the clients are telling me that CHROME is doing the same thing. It fixed the issue with SAFAR, but not CHROME.

Can you help? I researched the topic and it looks like Chrome is WebKit also?

Man, this is driving me nuts.

Thank you.

Here it is: https://kriesi.at/support/topic/switch-off-page-titles-for-just-blog-posts/?bbp_reply_to=599346&_wpnonce=bd019d8e95

I had to go back and add all of this to remove the backgrounds on everything to get it to work, hopefully this will help someone in the future. Thanks

.alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, #main, .html_stretched #wrap_all, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .header_color table, .header_color .widget_nav_menu ul:first-child>.current-menu-item, .header_color .widget_nav_menu ul:first-child>.current_page_item, .header_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .header_color .pagination .current, .header_color .pagination a, .header_color.iconbox_top .iconbox_content, .header_color .av_promobox, .header_color .toggle_content, .header_color .toggler:hover, .header_color .related_posts_default_image, .header_color .search-result-counter, .header_color .container_wrap_meta, .header_color .avia-content-slider .slide-image, .header_color .avia-slider-testimonials .avia-testimonial-content, .header_color .avia-testimonial-arrow-wrap .avia-arrow, .header_color .news-thumb, .header_color .portfolio-preview-content, .header_color .portfolio-preview-content .avia-arrow, .header_color .av-magazine .av-magazine-entry-icon, .header_color .related_posts.av-related-style-full a, .header_color .aviaccordion-slide, .header_color.avia-fullwidth-portfolio .pagination, .header_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .header_color .header_bg, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .footer_color .site-background, .footer_color .first-quote, .footer_color .related_image_wrap, .footer_color .gravatar img .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon, .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content, .footer_color .av-share-box ul, #top .footer_color .av-related-style-full .related-format-icon, .footer_color .related_posts.av-related-style-full a:hover, .footer_color.avia-fullwidth-portfolio .pagination .current, .footer_color.avia-fullwidth-portfolio .pagination a {
    
	background: transparent !important;
}

.main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img  .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
    background-color: rgba(255, 255, 255, 0);
}

Hi,

So if you go to the link I provided you will see the issue.

When the browser size is normal the logo is fine. screenshot 1

But when i minimize the browser the logo starts to shrink to the right top, it does not stay centered screenshot 2

than once it hits the mobile settings it jumps to the left side of the men but the logo and social media, and social are not centered screenshot 3

please advise

Hi Andy,

thanks for your patience, i am not particularly familiar with the technicalities of wordpress so some things go over my head a bit. I have gone into the back end of the site and turned on WP supercache and stopped it from caching the site and kept the app active. I have also tried to do what i think is a hard refresh (i am on Safari on a Mac) – Shift + CMD + R. It has not changed the issue. I have also checked on other computers in the house and the same problem persists. The menu seems to be fine for all pages apart from the blog single posts, on different browsers, the problem is different, safari seems to make the menu text bigger and therefore making it wider. On Chrome it changes the font. Please see private content.

Is there some sort of conflict between WordPress and Enfold when it comes to the menu?

Will reinstalling Enfold delete everything i have done so far as i am very close to finishing my site?

thanks

Rikard, did you read all messages that I sent?
On video I make test on my LOCALHOST (I wrote about it).
And I gave you access for LIVE development site. Also I gave you PAGE NAME, PAGE ID and LINK for editing this page. Here link for these data https://kriesi.at/support/topic/avia-layout-builder-cuts-page-content-after-editing-and-saving/#post-728608

And I use Avia Layout Builder debug mode. When I can copy shortcodes from one site/page and move them to another. I also gave this code for you.

I Received this code from you:

#header .widget {
left: 50%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}

But text appears over the logo in mobile mode, i need it to appear underneath, how do I do that?

Hello Vinay,

Thank you. Just to be sure before I mess up the site. This is how my style.css in my child theme looks like now:

/*
Theme Name: Enfold Child Theme
Theme URI: http://www.online-hrm-tools.nl
Description: Child Theme for online-hrm-tools
Author: Optiion Webdesign Groningen
Author URI: http://www.optiion.nl
Template: enfold
Version: 1.0.0
*

Now, can I just add the code from the quick settings under this code? Then it would look like this:

/*
Theme Name: Enfold Child Theme
Theme URI: http://www.online-hrm-tools.nl
Description: Child Theme for online-hrm-tools
Author: Optiion Webdesign Groningen
Author URI: http://www.optiion.nl
Template: enfold
Version: 1.0.0
*/

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

.html_header_mobile_behavior #mobile-advanced span > a:before{ top: 0px; }

#mobile-advanced ul{margin:0; padding:0; display: block; width:100%; left:0; position: relative;}
#mobile-advanced a , #mobile-advanced .mega_menu_title{padding:13px 28px; border-bottom-style: solid; border-bottom-width:1px; width:100%; display:block; margin:0; text-decoration: none; position: relative; cursor: pointer; }
#mobile-advanced ul a, #mobile-advanced .mega_menu_title{padding-left:50px;}
#mobile-advanced ul ul a{padding-left:80px;}
#mobile-advanced ul ul ul a{padding-left:110px;}
#mobile-advanced ul ul ul ul a{padding-left:140px;}

/*mega menu fixes*/
#mobile-advanced .avia-bullet{display:none;}
#mobile-advanced .avia_mega_div{width:100%; margin:0; float: none;}
#mobile-advanced .mega_menu_title a{padding:0; border:none;}
#mobile-advanced .avia_mega_text_block{display:none;}

#advanced_menu_toggle, #advanced_menu_hide{position: absolute;border-radius: 2px;height: 46px;width: 46px;line-height: 46px;text-decoration: none;text-align: center;right: 2%;top: 50%;margin-top: -23px;z-index: 10000;border-style:solid;border-width: 1px;font-size: 30px;display:none;}

.bottom_nav_header #advanced_menu_toggle{top:40px;}

#advanced_menu_hide{
z-index: 10050;
visibility: hidden;
opacity: 0;
top: 44px;
right: 23px;
}

That’s all? Is this the correct way to do it?
Or is it also important how the functions.php looks like:

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

function wp_change_aviajs() {
wp_dequeue_script( ‘avia-shortcodes’ );
wp_enqueue_script( ‘avia-shortcodes-child’, get_stylesheet_directory_uri().’/js/shortcodes.js’, array(‘jquery’), 2, true );
}
add_action( ‘wp_print_scripts’, ‘wp_change_aviajs’, 100 );

Thank you for your help!

Hi Andy,

I am not using any custom code, the only thing i have at the top of each page (apart from the single blog posts) is the following for the layer slider – for example i am using a code block with this inside it and nothing else – [layerslider id=”6″]

All plugins have already been deactivated. Did anyone look through the site when i gave the login details? I was speaking to Vinay at the time.

I have no child themes and have also cleared my cache and checked on other browsers throughout the process. I am assuming if you can see the problems then refreshing anything will not help?

thanks

Hi Rikard,

You can close the topic.

Thanks for the help!

Br
ChangeGroup