-
AuthorPosts
-
November 8, 2016 at 1:03 pm #709762
Hi!
I noticed that the sticky header as well as the social icons seem to be messed up. When I scoll down, there is always some space above the sticky header. The social icons’ background isn’t in the right position.
First of all, can you tell me why? Is there a problem with a CSS change I made or a plugin I use. I wouldn’t say so but you never know… Please check the page and help me out!Thanks!
Best,
HannaNovember 9, 2016 at 7:24 am #710085Hey HannaVogt,
The .htaccess login details are not working, could you check please?
Best regards,
RikardNovember 9, 2016 at 12:03 pm #710180Sorry, my fault! Here are the correct login details. Thanks!
November 9, 2016 at 4:19 pm #710288Hi,
Thanks for that, working now. I can see some code just after the body tag which does not belong there. Have you made any edits to the theme? If so, what were they?
Best regards,
RikardNovember 9, 2016 at 10:11 pm #710461Hi!
I can see something strange too now, like some space or so, when I look at it with the Chrome Dev Tool. I didn’t edit the theme code though, to be honest, I would not know how. All I did were some CSS edits.
I just deactivated the only plugin that I downloaded, Polylang, but that didn’t cause the problem.
I also had a few support tickets with your colleagues but they were all solved with CSS edits.
I remember that I tried to add a gif to the page as a last thing, but just through the backend, nothing special. After that, there must have been this problem… Is there a history or something similar to figure out what might have happen?Thanks!!
Best,
HannaNovember 11, 2016 at 9:33 am #711031Hi,
The stick header issue is caused by the code in Google Analytics Tracking Code (located in Enfold > Google Services), try removing the code and the issue should be fixed.
I have noticed this on Quick CSS:
h2.av-special-heading-tag { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold!important; text-transform: uppercase; }
I changed it to:
h2.av-special-heading-tag { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold!important; text-transform: uppercase; }
I just happened to check it just mentioned it here :) I think that code should work now on Special Headings. Regarding the Social Icons, is it the one on the footer? The problem is caused by this css code in Quick CSS (I just commented it out, you can still find it in Quick CSS):
[data-av_icon]:before { margin-right: 15px; }
Also the bottom padding of the footer seems to be a bit too long 315px from this code:
#socket .container { padding-top: 15px; padding-bottom: 315px; }
Hope this helps :)
Best regards,
NikkoNovember 15, 2016 at 3:50 pm #712526Hi Nikko,
thanks for your amazing support! One last question: How should I embed the Google Analytics tracking then, if this tracking code causes problems with my page? What is the alternative?
Thanks!
Best,
HannaNovember 16, 2016 at 4:14 am #712726November 16, 2016 at 12:36 pm #712866This is the code I use:
November 18, 2016 at 7:45 am #713884Hi,
That should work by the looks of it, are you sure you are only pasting that and nothing else?
Best regards,
RikardNovember 18, 2016 at 10:43 am #713918Yes. I pasted the exact code again just now and it gave me the same result. I also tried without “https” in the URL but still the same…
November 22, 2016 at 9:42 am #715178Hi,
Instead of adding the whole script, just add the tracking ID. Example:
UA-85569871-1
Best regards,
IsmaelNovember 22, 2016 at 3:26 pm #715344Ok, I’ll do that instead. THANKS!
The instructions of the entry field are a bit misleading though. “Enter your Google analytics tracking Code here.” Maybe that should be changed then.November 22, 2016 at 8:46 pm #715560Hey!
Both should work but adding just the tracking ID instead of the whole script makes it cleaner :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Site seems to be messed up (sticky header and social icons). How to fix it?’ is closed to new replies.