could you make your page link public here?

well i think you mean the image used for transparency options – it is indeed under subtext class the image – but the image itself has a unique class : alternate – so you can use that too for select the right image.
i noticed that little snippet to influence both logo img and logo alternate img . On most of my installations it is not necessary to have to wait for dom loading finished. But it will be the right way to do it exactly.

function custom_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo img').attr({ title:"custom_title", alt:"custom_alt" });
  $('.logo img.alternate').attr({ title:"transparent Logo", alt:"Alt Transparent" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_attriubtes');

i guess you can use both prop or attr to have this set.

there is a little plugin which will do that : https://wordpress.org/plugins/page-scroll-to-id/
you have to mark that setting: “Scroll from/to different pages (i.e. scroll to target when page loads)”
Then it will first load the #top anchor and then after a delay scroll to given anchor position. You can determine the delay and if necessary add a scroll-offset.
Look here in action: https://webers-testseite.de/8-columns/#def

if you have more than one mega-div and you want different background-images on them you have to select them by there menu-item-id
which comes as an id in front of those rules:

#top #wrap_all .avia_mega_div {
  background-image: url(https://your-image-url.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#top #wrap_all .avia_mega_div *  {
    background: transparent !important;
}

#top #wrap_all .avia_mega_div ul li > a:hover {
    background-color: #900 !important;
    color: #fff
}

the last rule is only to have a hover state for the sub-menu items

__________________________________________________________________

as mentioned above if you want different images on more than one mega-div this will be a specific example with menu-item-id:

#top #wrap_all #menu-item-3529 .avia_mega_div {
  background-image: url(https://your-image-url.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

or i see now that the top-level menus got an index on the menu-items f.e.: menu-item-top-level-5
so specific rule could be:

#top #wrap_all .menu-item-top-level-5 .avia_mega_div {
  background-image: url(https://your-image-url.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

you can see the result here on “testpages” Menuitem : https://webers-testseite.de/

• This reply was modified 6 years, 6 months ago by Guenni007.

with that code in htaccess file – every link to a pdf will end in a download. https://kriesi.at/support/topic/adding-a-pdf-download-to-store-products/#post-1105357

well this is no competition but if you will take my code you only have to make it specific to menu :

#avia-menu .twoliner > a {
    line-height: 20px !important;
    padding-top: 63px !important;
}

and again – what if the second line has a word longer than the first line ? f.e.
Project
Photo Gallery

__________

btw: maybe you got that Cross-Origin Resource Sharing (CORS) error with the entypo-fontello icons.
you can find some solutions to that by searching CORS or look to documentation:
https://kriesi.at/documentation/enfold/icon/#troubleshoot

Most – there will be an apache Server- i have that solution for htaccess file

As long as the second word isnt much longer than the first one – this will work!

if you leave the header at non-shrinking it could be done this way too:

• Give a custom class to that menu item f.e. : twoliner
• insert item label – as you does with linebreak

.twoliner > a {
    line-height: 20px !important;
    padding-top: 63px !important;
    text-align: center;
}

Advantage of that method is that the menu-item width grows with the inserted words.

______________________________

By the way : if you don’t know how to set a custom class to menu-items:
on the top of the menu settings page – there is on top right a slide out settings tab. There you can mark additional fields for the menu settings.
Click to enlarge the image

After activation of class the items look like this:

there you are

sometimes it is like magic if you try both one after the other.
so go to icomoon upload your svgs – download them – unpack that zip file and look for the svg font file.
This svg font file you can drag and drop to fontello icons. –
Download the font files from fontello and upload that fontello.zip file to enfold.
Don’t ask why – sometimes this helped me to get it work.

PS
give the fontello files a different name than that you have used allready.

you can force download by different methods.
One globaly – put this into your htaccess file in the root directory:

<FilesMatch "\.(?i:pdf)$">
<IfModule mod_headers.c>
    ForceType application/octet-stream
    Header set Content-Disposition attachment
</IfModule>
</FilesMatch>

or f.e. place the download in this way:
<a href="https://domain.de/xyz.pdf" download="Aufsatz_ueber_Nettiquette.pdf">Nettiquette</a>

for better adivce it would be necessary to see your site.

i’m Participant as you – so i do not see any private content data.
That field is there if you are using my edited alb element of the button.

read carefully even on top of that : https://webers-testseite.de/edited-enfold-alb-elements/#buttons

for better advice i had to see a link and your two buttons you are talking about.

sorry – i’m participant as you are – so i could not see your private content.
You had to wait til mods are here.

Well i think you had to first register an icon as a theme icon – then you can define it as a social icon:

// Register a new icon as a theme icon
function avia_add_custom_icon($icons) {
  $icons['tel']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue854');
  return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
  $icons['tel'] = 'tel';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

and think of to set the css styles for hover state too!
all icons get the class : av-social-link-xxx

so f.e. with example above: tel

#top #wrap_all .av-social-link-tel:hover a {
    color: #fff;
    background-color: #006567;
}

i can not reproduce your troubles – but it would be anyway a nice idea that the ( #avia_builder .inside ) container stays fixed on top when scrolling.