That worked, thanks. I had something like this but without the page ID confining it to the home page, the code hid important content on all the other pages.

Question: how do you locate the page ID for any given page?

Hi Ismael. Through some examination and testing, I figured out that I had some competing code in the CSS and that kept your fix from working properly. Once I fixed that, your code above did exactly what I needed. Thanks again for your solution!

I still need to figure out how to style the button in responsive to display better, but at least it’s in the correct place!

• This reply was modified 8 months ago by blaisen.

Thank you. That worked!

This code seems logical however it did not change the order, instead it just pushed the burger menu to the left next to the logo: https://ibb.co/NC1QmdZ

As for responsive mode, I’m concerned about the size of the button – which is not downsizing in its space: https://ibb.co/CMhNyNh

Rikard, Unfortunately this did not work.

I used Guenni007’s javascript and CSS with few modifications. Perhaps something is in conflict? CSS for the icons:

/* ———- Social Icons ———- */
#top .socialbookmarks-widget .social_bookmarks {
float: left;
margin: 15px 0 0 ;
position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
float: left;
clear: right !important;
}

#top .socialbookmarks-widget .social_bookmarks {
display: inline;
}

#top .socialbookmarks-widget .social_bookmarks li {
border-right-width: 0;
width: 50px;
}

#top .socialbookmarks-widget .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
}

#top .socialbookmarks-widget .social_bookmarks li a:before {
font-size: 30px
}

/* social icons style */
#top #wrap_all .social_bookmarks li a {
width: 50px;
line-height: 50px;
margin-left: 50px;
border-radius: 100px;
}
#top #wrap_all .social_bookmarks {
height: 50px;
margin-left: 50px;
}
#top #wrap_all .social_bookmarks li {
width: 50px;
font-size: 15px;
margin-left: 50px;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #78e7e4;
}
#top #wrap_all .av-social-link-instagram:hover a,
#top #wrap_all .av-social-link-instagram a:focus {
color: #fff;
background-color: #efc511;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #78e7e4;
}
#top #wrap_all .av-social-link-facebook:hover a,
#top #wrap_all .av-social-link-facebook a:focus {
color: #fff;
background-color: #efc511;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #78e7e4;
}
#top #wrap_all .av-social-link-twitter:hover a,
#top #wrap_all .av-social-link-twitter a:focus {
color: #fff;
background-color: #efc511;
}
#top #wrap_all .av-social-link-youtube a {
color: #fff;
background-color: #78e7e4;
}
#top #wrap_all .av-social-link-youtube:hover a,
#top #wrap_all .av-social-link-youtube a:focus {
color: #fff;
background-color: #efc511;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #78e7e4;
}
#top #wrap_all .av-social-link-linkedin:hover a,
#top #wrap_all .av-social-link-linkedin a:focus {
color: #fff;
background-color: #efc511;
}

Hi Mike,
What I was trying to express is that the CSS File Merging And Compression was the problem after the update. Ismael’s code fix did not help with the display problem. Turning off CSS File Merging And Compression was the fix. It’s odd since it was on prior to the latest update and the Advanced Custom Fields displayed properly. In my last message, I showed the CSS that was present before, and now after, that is still working to help with the display. I urge you to consider what changed in the update that rendered CSS File Merging And Compression to be incompatible with Advanced Custom Fields.

You may close this thread.

Disabling ‘CSS File Merging And Compression’, along with your CSS fix is working. However when I try reengaging ‘CSS File Merging And Compression’, it breaks again. So for now, I will leave it disabled. Thanks.

Thanks Mike…that worked! I added “margin-left: 10px;” to give the icons some separation.

Thanks. believe I have that fixed for you, please try again. If it doesn’t work, what country are you in?

Yes I inserted the tokens into the themes. I don’t have the original version numbers since I updated them all manually. But I do know that they were over 4.6 and even 5.0 in some cases – so not older than 4.5. I have installed the market plugin on one of the sites to test but I hope you’ll check further that this is not a glitch.

OK, thanks. Perhaps it’s a feature request then to have Advanced Layout Builder content populate your Excerpt option automatically. It seems odd that it wouldn’t.

Thanks. This hack moves the image but it’s doesn’t fix issues with the by line and Read More text the way the module is supposed to. Look at the Home page vs the News page (https://site.danewscenter.com/news/) and you can see the difference. When correctly displaying, the image is lower, that text becomes smaller and wraps properly.

While I appreciate the “fix” is there any regard to the bug that’s causing the module not to work correctly?

Thanks, this worked. Thank you for your help. Case closed.