Stickynav error and social icons not showing up in responsive mode

nyafleron

Hey y'all,

Thanks to your help last time, I have been able to set up the mobile toggle menu properly on this new project in the BUILDR template. However, I have two mobile version issues.

1) Where do I style the social icons on the mobile version? I have set them up through the template manager under ‘Social’, and it works the way I want it to on the desktop version. On the responsive version, they pop up in the left side and they are white so can only be seen with their hover color.

2) How do I remove the layer issue with the logo which seems to have a sticky effect? I have disabled the mobile stickynav effect under Effects in the template manager. Also the logo flickers when I scroll down in the responsive version. Everything I have on the page below the logo moves underneath the logo.

Hope they are easy to fix, just can't figure it out.

Love
Nya

saguaros

nyafleron

Hi,

You can try with this custom CSS code:

@media (max-width: 480px) {
	.social-wrap.zg-fixed-right span {
		margin-left: 0 !important;
	}

	.social-mobile span {
		color: inherit !important;
	}	
}

paulus1031

Hi Nya,

Before I dig into your question

You have a problem with some styling

.moduletable h3 {
margin-bottom: -20px;
}

If you check the front page text

paulus1031

Hi Nya,

Am I able to compile the template?

I notice you don't have akeeba backup installed

Do you have a backup in place?

Cheers
Paul

nyafleron

paulus1031
Hey Paul,
Hope you enjoyed your weekend.
Thank you for all of your help. I've installed Akeeba now. I know you worry about messing up the site and I appreciate your concern. I also have a manual backup as well. The responsive social buttons work fine now. Any chance you can help out with the placement of the logo section and remove the stickiness?
Love
Nya

nyafleron

saguaros
Thank you! It worked. Love Nya

paulus1031

Hi Nya,

Where do you want the icons to show? - I've changed them to relative in the settings and set to left

The colour does look like a bug as it isn't picking up the mobile color variable - if alternate styles are using they are viewable e.g. round or square but font colour always remains white

The toolbar row is a little different compared to other rows - have you tried the top row instead of toolbar?

Cheers
Paul

nyafleron

paulus1031
I like where they are placed. Works fine. Thanks. Nya

paulus1031

Thanks Nya - best of luck with the site
We've marked this ticket as closed

Cheers
Paul