Hi again,

You can close the topic now, I’m all good :)

Have a great day!

Hi Ismael,

Once again sorry about the delay from my part; still abroad 😊

Thank you for your help once more! But the issue I’m writing in about is centered around the paddings on the test-link I’ve provided in the private-data a few times now, and not the alignment, after I trie to combine the box and the text into a single layer as you suggested back in June 25th 😊

Hope it makes sense!

Thank you once again!

Thank you for your response!

Yeah, I ended up having to put separate layers for the background, as padding around the text seems to mess up in front end.

Perhaps you could give me a pointer towards whether I’m doing it wrong :)

I’ve attached screenshots of what I mean in the private content, it does the same in Safari and Firefox :)

Thanks a lot!

Amazing, thank you so much!

Can I assume this is quite safe (thinking XSS-exploits) to use, then?

add_filter('avia_social_share_link_replace_values', 'avia_social_share_link_replace_values_mod');
function avia_social_share_link_replace_values_mod($replace) {
	$replace['shortlink'] = esc_url( $_SERVER['HTTP_HOST'] ) . esc_url( $_SERVER['REQUEST_URI'] ); // you can change this
        $replace['permalink'] = esc_url( $_SERVER['HTTP_HOST'] ) . esc_url( $_SERVER['REQUEST_URI'] ); // you can change this
	return $replace;
}

Hi there,

Sure! It’s this one: https://kriesi.at/support/topic/logo-and-main-menu-in-left-sidebar-100-height-always-sticky/ :)

This is the css which I’ve commented out with succes:

/*.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
        .container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
        .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}*/

Please do let me know if you need anymore information!

Also, while I have your attention, I seem unable to set the buttons on website 1 (specific link in private content) to equal lenghts, despite many attempts with custom CSS… Could you please point me in a direction? :)

• This reply was modified 7 years, 1 month ago by transdesign_dk.

Hi there Mike,

Sure! :)

What I would like to achieve, and had achieved until I updated to until 4.1.2, was to have all of the main menu items be white at the top of the page, and then turn black when scrolled down, so that the text would stand out to the dark backgrounds at the headers of all the pages, and then have the text stand out to white backgrounds as the user would scroll down.
Previously this was what happened “out of the box” for me, for all the menu items except the active menu item, which was the cause of my former post. Now as I’ve updated to 4.1.2, this doesn’t apply to any of my menu items, except the social button which have the exact behaviour that I seek to have for all of my main menu items.

I hope this clarifies what I hope to achieve, if not please do not hesitate to ask further :)

Best regards,
Martin

Oh wow – it works! I swear it didn’t before you wrote! There’s absolutely no problem now – thank you so, so much! You can close the thread now :)

Sorry about the long wait for a response!

That’s absolutely great!
Now I’ve just got annoyed by the logo shrinking “weirdly” (not behaving responsively) when the height goes low, and the width stays the same – got any tips for some height-media queries? :)

Also, I’ve noticed that the anchor-points for the mobile menu behaves irregular on mobile devices. It’s quite weird, as it doesn’t seem to happen when shrinking a desktop window to mobile-size; what could be the cause of this? I’ve followed the advice on another thread (can’t remember which now), and put empty color-sections in place, as the content is shown/hidden via media queries.

Thank yo so much once again!

Hi again,

I’ve tested it at bigger resolutions, and it sort of works still. It definitely isn’t as pretty, but it’s functional – which is partly to be expected :)

The only thing I’d like to change, is the “.av-sidebar-social-container” (a link to LinkedIn), which is a bit messed up at 1920×1080 at 24″ monitor. It still works, but the clickable area only fills the top 2/5 of the container. Would I be able to make the element fill the container area? If that makes sense.

Link and login is in the private area of the first post in this thread :)

Thank you again – you’re lifesavers!

Hey Nikko,

Thank you! I’ve dealt with the 20% for mobile devices by enabling the mobile-menu at a higher width, so that the 100% height i suggested would only be relevant for desktop at a width higher than 1000 px (I updated the code since I started the topic) :)

Could you tell me which classes/ID’s are relevant in testing of the system I’ve suggested, so that i can start fiddling around with vh-values?

Thank you so much in advance! :)

Best regards,
Martin

Amazing – it works!

But only when inserted in quick css – not when i use it in my childthemes style.css :(

Is there a specific reason why that may be? :)

Could you perhaps assist me with the right class i should edit to make the hover-color turn to a dark grey (perhaps same as the underline?) instead of white as well?

Thank you so, so much!

Best regards,
Martin