Forum Replies Created
-
Posts
-
Hi,
I did some research and I think I found the solution in the enfold docummentation.
I added the following code to the function.php of the child theme:
//------------------------------- // Custom script in footer //------------------------------- function custom_script_name(){ ?> <script> // Your script here </script> <?php } add_action('wp_footer', 'custom_script_name');Could you just please confirm that this is the right way to do it?
The script appears in the source code, but unfortunately the Amazon OneClick functionality doesn’t work yet how it is supposed to do.Hi @ismael,
removing the code:
#top .av-logo-container { display: none; }brings back the logo and the mobile menu for this pages, but it also removes the effect of hiding the logo when scrolling down.
So what I would like to achieve is to keep this effect, but bring back the logo on specific pages (where the “Header visibility and transparency” is set on “No transparency”.
I tried this code to address a certain page:
.page-id-7219 #top .av-logo-container { display: block; }But it didn’t work.
Hope it is still clear what I am trying to achieve, I summarize:
- – Where possible I want to have the effect of hiding the logo when scrolling down .
- – On single post pages (where this effect is not possible) it is fine to have a non sticky header.
- – on pages where the “Header visibility and transparency” is set on “No transparency” (e.g. here, I would like to have effect of hiding the logo when scrolling down if possilbe. If not possible then I am fine with a non sticky header as for the single post pages.
Hope not too confusing :)
Hi @ismael!
I found another issue. I have some pages with “Header visibility and transparency” setting on “No transparency”.
In this cases the Logo is not shown (only the menu), e.g. see here.
And on mobile devices there is no menu at all!!
How can we get back the logo (and the menu on mobiles) for theses cases/pages?
The same view as for the single post pages would be fine as well (logo on top of the menu but not sticky).Thanks @ismael!!
The code to remove the space between the header and the main container worked!I will open a new thread for the rest.
Hi @ismael,
I am back and checked the CSS-code now; unfortunately the following points are not yet working properly:
1. The code to set the header not to stick on the single post pages causes a gap between menu and featured image.
(See screenshot here), therefore I removed it for now.
(but the effect of not to stick on the single post pages works fine :)2. On my tablet the logo background is black instead of white (see screenshot here). On my mobile it is still white as it is supposed to be.
3. On my tablet the search symbol is overlapping with the logo (see screenshot here).
@ismael: That’s a good idea! I will check that out next week and will report then (currently I am on a leave…)
Thank you so much @Ismael!!
It’s exactly what I wanted to achieve!The only thing I am not yet 100% satisfied is the single post page, where the effect of ‘hiding the logo when scrolling’ doesn’t work.
Is it possible to shrink the header/logo at least a bit in the single post page? (in order to give the reader more space for the content/body)
I already tried the “Shrinking Header” setting in the theme-options –> “header behavior”; but it seems that it has no effect with the centered logo and current CSS-modifications/settings.Oh damn, I just realized that in my previous post I added the wrong link at the example for the border below the menu bar.
I actually wanted to link to this example.
(I corrected the link also in the post above).Oh, that’s a pity, that would have been perfect!
Do you have a suggestion how to get a thin border or even better a thin shadow below the menu bar as soon as the page is scrolled down? (the border/shadow should not be there when the logo is shown.)
A bit like it is done here.(in the single post page the border/shadow can be there all the time)
Best,
CatchBudapestThanks @Ismael,
that’s exactly what I was looking for!Is it possible the get the same effect in the blog-post-view as well?
For the blog-posts-pages the logo is not showing up at all , even when the site is scrolled to the very top, (e.g. see here).And would it be possible to get a thin border or even better a thin shadow below the menu bar as soon as the page is scrolled down? (the border/shadow should not be there when the logo is shown.)
A bit like it is done here.I activated Autoptimize and WP Super Cache again, but just deactivate them when you are testing.
Hi Basilis,
Webpage-URL and loggin data are above in the private content of my second posting of this thread.
Hi,
I just noted that for the blog posts the logo is not showing up at all, also when the page is scrolled completely up to the top (screenshot here).
Therefore I deactivated the sticky menu and removed the CSS-code for the moment.
But please feel free to activate it again and add CSS-code again for testing, etc.
Thanks again for your great support!Hi,
@Victoria:sorry for the inconvenience, this stupid instagram plugin is always messing around, I renewed the access token, should be fine for a while.
(This error message is only visible if logged in.)
@Ismael: Thanks for the help!
But not yet 100% what I meant (it seems that I was not 100% accurate with my description).When scrolling down, not only the logo should disappear, but also ONLY the thin menu bar should remain (see screenshot), I want to keep as much screen for the content below.
( the social media icons could also be moved down to the menu bar, since there is enough available space).Is that possible?
Hi Ismael,
thanks for the quick reply.
Yes I purged the cache after adding the code.
Please find login data in private content.Thanks Ismael,
problem solved!
(I added your piece of code in the functions.php of the child theme, as suggested).Thanks for the explanation and support!
Hi Ismael,
thank you for the quick reply!
I already do the jpg-compression in gimp, usally with jpg-quality 85, and I don’t want any further “modification/compression” done by Enfold.
Does this mean I have to set the return value to 85, as in the following?
/** * Sets the default image to 100% quality for more beautiful images when used in conjunction with img optimization plugins * * @since 4.3 * @added_by Kriesi */ function av_return_100(){ return 85; } add_filter('jpeg_quality', 'av_return_100'); add_filter('wp_editor_set_quality', 'av_return_100');Is it also possible to disable a further image compression of the uploaded image completely (as it was before Enfold version 4.3), since the uploaded images are already optimized?
I solved it:
by using the following html-code the links in the caption open normally:
<a class="external lightbox-added" href="..." target="_blank" rel="noopener" data-wplink-edit="true">text</a>in some of the links a standard a-tag
<a href="...">text</a>was used, which seems to be a problem in the caption.Hi Nikko,
I just noted that the menu text is now somehow more centered and too close to the logo:
before and now.Strangely this just happend after I changed the logo file but nothing in the Quick-CSS (or at least I just noted it now).
Do you have any suggestion how to bring the menu back to the right side?
Hi,
do you have something like this in mind:
<div style="overflow-x:auto;"> <table> ... </table> </div>Seems to work after a quick check.
Do you see any problems with this approach?Hi,
I just realized that my tables are not responsive for mobile devices (on very small screens a part is cut off).
Is there a simple trick to make the tables responsive? (it would be enough if it can be scrolled on very small screens)
I already tried to add:
<table style="width:100%; overflow: scroll;">But unfortunately that didn’t really work.
Thanks Rikard!
I got it now, with “(odd)” and “(even)” and “th” I can style the table according to my needs.
BR
Hi Victoria,
the code is not yet working perfectly.
The text of the menu-item is left-aligned and not in-line with the the other menu items (see screenshot here).
I played a bit with the width, but it didn’t make any difference for the element alignment.Is it possible to change that?
BR
