Menu links isn't working correct
-
Hi
The support told me to write here
I have a problem with my menu on top of my website, i have home, categories and contact. But it seems like the actual link is beneath it and are not connected to the text.
What should i do?
// ThereseThe blog I need help with is: (visible only to logged in users)
-
The code you’re using to move the social links is placing an invisible element over the navigation menu meaning you can’t click through it to reach the links.
One way to fix it without re-working your existing code is to specify a width to the social container so it doesn’t extend to the left too far. You just need to add the width and change the right one but I’ve included some of your existing code so you know where it should go:
@media screen and (min-width: 992px) { .image-header .container { width: 350px; right: 0px; ...That seems to work down to tablet size where the social icons pop back down to the image and the menu collapses.
-
-
Just copy in the two lines to the section I’ve shown in the CSS section of the customiser and it should work.
-
When i paste it in to the CSS file the social icons poped down under my “identity” can’t I have it beside the menu to the right?
-
I want it up to the right beside the menu beside (to the left) next to the search bottom
-
Can you revert back to the code you had before so I can see what’s happened? Click on CSS Revisions just above the box you paste the code into and pick the latest version that had the positioning correct and then comment here and I’ll take another look.
-
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.image-header .container { .image-header .container {
width: 350px;
position: absolute; right: 0;
top: 40px; top: 40px;
z-index: 71; z-index: 71;
display: block; display: block;
right: 40px; right: 40px;
padding-right: 150px; padding-right: 150px;
}I can’t just copy one side of the box so i think this is a comparing the both. So i hope you can read it. I can’t =O
-
I meant could you select it so you go back to that version, I want to see it being applied to your site as I think you might have copied over some bits you needed.
-
Now I can’t get the latest version at all. Getting crazy about it! I don’t understand it!
-
If you follow this link (or alternatively follow the steps I mentioned before). You’ll see a box on the right side of the page that lists the times and dates of the saved versions of your CSS code. Pick one from before you tried adding in my suggest code and it should revert to the state where the social links are where you want them but the menus are only clickable at the bottom. When that’s done let me know and I’ll give you the exact code you can test out.
-
Itisnt working. It looks the same. Sorry for not have replied but my life has been crazy the last couple of days.
Now I have went back for a long time (February) and it looks the same when I change it.Another problem I got now is when I trie to add A youtube icon it coming under the other icons =O
-
Try just replacing ALL your existing custom CSS with this and then follow these steps to refresh and clear your browser cache to make sure you’re seeing the changes and then let me know what you think:
.image-header ul.menu-social li a { color:#FFF } @media screen and (min-width: 992px) { #page { position: relative; } .image-header .container { position: absolute; top: -45px; z-index: 99; right: 0; } .image-header .container .textcenter-xs { text-align: right; } } -
Now its up on top but my links for the top menu isn’t connected to the menu. If you try to klick at home page the actual link is above the text
-
Oops sorry, I shouldn’t try to do anything in the morning before having a cup of tea, try this instead:
.image-header ul.menu-social li a { color:#FFF } @media screen and (min-width: 992px) { #page { position: relative; } .image-header .container { position: absolute; top: -45px; z-index: 99; right: 120px; width: 150px; } .image-header .container .textcenter-xs { text-align: right; } .image-header .container .col-lg-offset-3 { margin-left: 0; } .image-header .container .col-lg-6 { width: 100%; } } -
YEY its working!! =D
THANK YOU!Another question, is it possible to get a Snapchat icon beside the Facebook, youtube etc?
-
Snapchat isn’t one of the services that will automatically include a logo based on the list on the Janice theme page. You should be able to add one with CSS. You’ll need to add the link into your social menu and upload an image of the logo you want to use (and paste the URL here so I can see it). Once that’s done I’ll help with the CSS, just let me know.
-
https://thereseerikssondotcom.files.wordpress.com/2016/10/snapcode.png
Is it this link you ment?
When i go in to my account on snapchat this is the only thing i found.
How can i add my link to my social media menu? I don’t have an option to choose snapchat and add a link or anything. -
Well if there’s no sort of profile page online (I think it’s all done in the app) then there’s not much point including a link but here’s how to edit your social links menu anyway.
You could just insert the image into the row but it wouldn’t do anything. As you’re using a premium theme you could always try asking the author in the theme forum to see if they have any advice too.
- The topic ‘Menu links isn't working correct’ is closed to new replies.
WordPress.com Forums 
