Page 4 – Support | Kriesi.at – Premium WordPress Themes

Forum Replies Created

Viewing 30 posts - 91 through 120 (of 177 total)

← 1 2 3 4 5 6 →

Author

Posts
February 9, 2018 at 3:09 pm in reply to: Video background max-width #910277

raslade
Participant

Hi Ismael

Spot on thank you — that works perfectly.

Richard

February 8, 2018 at 10:00 am in reply to: Video background max-width #909649

raslade
Participant

Hi Victoria
Gbz width is about 1300px and fits evenly with no proportional stretching
uGP is about 1800px and the animation has been resized within the color section and so distorted.

Richard

November 5, 2017 at 12:54 pm in reply to: Dim other menu items when one is hovered #872740
raslade
Participant
Hiya
Thanks again for looking at this and with a bit of adjustment i’ve figured it out with
```
.av-main-nav:hover > li {
    opacity: 0.25;
}
.av-main-nav:hover > li:hover {
    opacity: 1.0;
}
```
Such a simple fix I feel a bit foolish. Oh well.
Richard
November 4, 2017 at 10:37 pm in reply to: Dim other menu items when one is hovered #872622

raslade
Participant

Hi both

thank you for taking the time to investigate a solution. Unfortunately neither of these are exactly what I’m look for. I need the other non-hover items to dim like the example Mike mentioned, and yes that’s where I saw it first.

Richard

November 1, 2017 at 11:51 pm in reply to: Dim other menu items when one is hovered #871454

raslade
Participant

Hi Yigit
I’ve added an account, see below.
Thanks
Richard

October 22, 2017 at 11:30 pm in reply to: Menu anchors scroll to section offset #867376

raslade
Participant

Hiya, I used the post.

Thanks

October 22, 2017 at 8:44 pm in reply to: Menu anchors scroll to section offset #867303

raslade
Participant

Thanks Mike that worked a treat and scrolling just fine now.
Richard

September 9, 2017 at 9:36 am in reply to: Fixed small header but main scrolls #849899
raslade
Participant
Hi Ismael

Thanks for the suggestion. In the end this script worked a treat, for any one else needing a solution
```
 <script>
(function($){
        var calc_scroll = function() {
            var header = $('#header').height(),
                scroll = $(window).scrollTop();
                if(scroll >= 450) {
                    $('#sub_menu1').css('padding-top', '30px');
                } else {
                    $('#sub_menu1').css('padding-top', '0px');
                }
        }

        $(window).scroll(function() {
            calc_scroll();
        });
})(jQuery);
</script>
```
Adjust your scroll height for where the navigation starts and padding for when it hits the top of the browser window

Richard
September 6, 2017 at 1:33 pm in reply to: Fixed small header but main scrolls #848616

raslade
Participant

Thanks Victoria, would you happen to know how to fix.

Thanks
Richard

September 4, 2017 at 7:19 pm in reply to: Fixed small header but main scrolls #847863

raslade
Participant

Hiya. I’ve been adjusting code so it may look different now. The space is 40px. I found a CSS hack by adding margin-bottom:-40px to the div above the submenu and then adding margin-top:40px to the submenu. However as the element above is not fixed across the site it’s hard to replicate dynamically.

Richard

September 4, 2017 at 12:22 am in reply to: Fixed small header but main scrolls #847495

raslade
Participant

Hi Mike

No that part is working OK, it’s the white space above the grey box that only appears after the initial scroll that’s annoying me.

Richard

September 3, 2017 at 11:24 pm in reply to: Fixed small header but main scrolls #847476

raslade
Participant

Hi Mike

The initial appearance on scroll sticks to the top in the right place, but when you scroll back down you’ll see the white space appear. I’ve reverted to the code from earlier and added you changes.

Richard

September 3, 2017 at 10:36 pm in reply to: Fixed small header but main scrolls #847467
raslade
Participant
Hi Mike

Thanks for looking again and yes I’ve been messing with some custom JS to control the start point. Currently seeing if this will work
```
add_action( 'wp_footer', 'enfold_customization_custom_scripts' );
function enfold_customization_custom_scripts() {
?>
<script type = "text/javascript">
jQuery(document).ready(function(){
//
var menu = document.querySelector('#sub_menu1')
var menuPosition = menu.getBoundingClientRect().top;
window.addEventListener('scroll', function() {
    if (window.pageYOffset >= menuPosition) {
        menu.style.position = 'fixed';
        menu.style.top = '40px';
    } else {
        menu.style.position = 'static';
        menu.style.top = '';
    }
});
//
</script>
<?php
}
```
Unfortunately the CSS adjustments you suggested don’t work. Will keep trying.

Richard
September 3, 2017 at 4:08 pm in reply to: Fixed small header but main scrolls #847399

raslade
Participant

Hi Mike

The grey navigation is not supposed to have the padding above it. The menu items should be sitting central in a box only 30px deep.

Richard

September 3, 2017 at 10:27 am in reply to: Fixed small header but main scrolls #847356
raslade
Participant
Thanks Mike

I’ve had a look and it’s partially solved the problem with this adjustment
```
// custom script
function add_custom_script(){
?>
<script>
(function($){
	function g() {
		var scrolled = $('.header-scrolled').length;
		if( scrolled == 1 ) {
			$('#sub_menu1').css('margin-top', '0px');
		} else {
			$('#sub_menu1').css('margin-top', '30px');
		}
	}

	$(window).scroll(function() {
		g();
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
```
However the pixels added to the margin remain even when the user scrolls back the other way.

Ideally I need to change the start position of the sticky when it hits the top of the browser.

Richard
August 31, 2017 at 4:42 pm in reply to: Fixed small header but main scrolls #846372
raslade
Participant
Half way there with
```
#header_main {
    height: 100px !important;
    top: 30px;
}

#header_meta {
    position: fixed;
    width: 100%;
    top: 30px;
}
```
But still need some help changing the sticky position of the submenu.

Thanks
August 17, 2017 at 7:53 pm in reply to: Adding full width submenu to post template #840595

raslade
Participant

Thanks Victoria, will do.

August 16, 2017 at 8:49 am in reply to: Adding full width submenu to post template #839769

raslade
Participant

Hi Ismael

Perfect thank you very much for the extra code. Works like a dream.

Richard

August 15, 2017 at 5:51 pm in reply to: Adding full width submenu to post template #839465
raslade
Participant
Ismael

I’ve added the following to functions:
```
add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if( is_singular('post') ) {
	echo do_shortcode("[av_submenu which_menu='' menu='4' position='center' color='main_color' sticky='aviaTBsticky' mobile='disabled']
	[av_submenu_item title='Treatments' link='manually,http://' linktarget='' button_style='']
	[av_submenu_item title='Spa Days' link='manually,http://' linktarget='' button_style='']
	[av_submenu_item title='Fitness' link='manually,http://' linktarget='' button_style='']
	[av_submenu_item title='Fashion' link='manually,http://' linktarget='' button_style='']
	[av_submenu_item title='Health' link='manually,http://' linktarget='' button_style='']
	[av_submenu_item title='Special offers' link='manually,http://' linktarget='' button_style='']
	[/av_submenu]");
}
}
```
Which has worked for posts only. However it’s pushing the widget column down the page. See link.

Any idea how to fix?
Thanks
Richard
August 15, 2017 at 10:43 am in reply to: Adding full width submenu to post template #839168

raslade
Participant

Hi Ismael
Thanks for this but do you mean add this example to the single.php file or in to the functions file?

Richard

August 10, 2017 at 9:26 am in reply to: Adding full width submenu to post template #836840

raslade
Participant

This reply has been marked as private.

August 4, 2017 at 10:56 am in reply to: Full width sub menu stack horizontal (updated) #834276

raslade
Participant

Hi Ismael

In the end I’ve styled each sub-nav using it’s unique id. It’s not the prettiest solution but it works.

Thanks
Richard

July 31, 2017 at 9:37 pm in reply to: Full width sub menu stack horizontal (updated) #832446

raslade
Participant

Thanks Basilis but i’m afraid that did not fix the problem.

Richard

July 25, 2017 at 11:56 am in reply to: Full width sub menu stack horizontal (updated) #829589

raslade
Participant

Hi John
Thanks for the solution, alas it did not work though – the last menu item was just stacked under the rest.
Richard

July 18, 2017 at 3:58 pm in reply to: Full width sub menu stack horizontal #823370

raslade
Participant

Hi Yigit
That’s awesome – works like a charm. Thanks again for your help.
Richard

July 17, 2017 at 3:19 pm in reply to: Full width sub menu stack horizontal #822667

raslade
Participant

Hi Yigit

That was super fast thank you. That works perfectly – one last thing. Is there a way to make the submenu the same width as the menu without having to include more menu items?

Thanks
Richard

July 12, 2017 at 10:50 am in reply to: Jetpack/Google font issue #819910

raslade
Participant

Nope please close Sarah, thanks.

July 12, 2017 at 9:37 am in reply to: Jetpack/Google font issue #819884

raslade
Participant

Hi Rikard
That’s what I suspected, thanks for confirming.
Richard

June 15, 2017 at 11:09 am in reply to: Replace search icon for active state in main menu #808514

raslade
Participant

I’ve got a plugin installed to mask the site but this link should work.

Richard

June 14, 2017 at 7:37 pm in reply to: Replace search icon for active state in main menu #808174
raslade
Participant
Hi Victoria
```
OK thanks – do you know which selector it would be. I've tried
#top #menu-item-search:hover>a {
    content: "/ue813";
}
```
Richard
Author

Posts

Viewing 30 posts - 91 through 120 (of 177 total)

← 1 2 3 4 5 6 →