Tagged: top menu
-
AuthorPosts
-
June 29, 2020 at 12:54 pm #1226393
Hi
I would like to had the widget for Ttustpliot t the top menu of a website beside the social media icons, however I not to sure how to do it.
Thanks
June 30, 2020 at 4:19 pm #1226786Hey info224,
You can add a widget area to the header and place the widget there.
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
VictoriaJune 30, 2020 at 8:07 pm #1226902Hi
Thanks for this I have followed it down to the last bit creating the widget however to connect with Trustpilot I have to use theirs so I’m unsure as to what to added when creating the widget.
Please see coding below
As mentioned I would like to appear next to the social icons
July 1, 2020 at 8:51 am #1227141Hi,
Please try this in your functions.php file:
function info224_add_trustpilot_code(){ ?> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <?php } add_action('wp_head', 'info224_add_trustpilot_code');
Then the rest of the code in your widget.
Best regards,
Rikard- This reply was modified 4 years, 5 months ago by Rikard.
July 1, 2020 at 9:15 am #1227158Hi
Thanks for coming back do you mean add the rest of the code Victoria pointed me to or the Trustpilot code and if so which because there are two lots of code.
Many thanks for your help :)
July 2, 2020 at 4:32 am #1227367Hi,
You would have to follow the link Victoria posted in order to add a widget to the header, then add the code in private to the widget.
Best regards,
Rikard- This reply was modified 4 years, 5 months ago by Rikard.
July 6, 2020 at 12:55 pm #1228274Hi
I tried to add the code in the various sections but the Trustpilot widget appears not to be working. The FTP details are below and I would be grateful if you would have a look, please.
Thanks
Alex
July 6, 2020 at 1:00 pm #1228276The site login details are below
July 7, 2020 at 9:52 am #1228514Hi,
Thanks for that. I can’t see anything wrong with the code either in function.php or in the widget. Maybe you could try reaching out to the authors of the code to see if they can help you out?
Best regards,
RikardJuly 8, 2020 at 12:09 pm #1228835Hi
It’s appeared (yeah!!) but not where I wanted it :( I would like beside the Facebook etc icon. Any suggestions, please?
Thanks
July 9, 2020 at 5:07 am #1229048Hi,
Thanks for the update. I can’t see anything except the logo, menu and social icons in your header. What should we be looking for?
Best regards,
RikardJuly 9, 2020 at 10:59 am #1229104Hi
Ohh that’s a bit strange please see a link to a screenshot below
thanks
July 10, 2020 at 9:11 am #1229346Hi,
I still can’t see it, but you can try this in Quick CSS.
#custom_html-3 { position: absolute; top: -30px; right: 160px; }
Adjust the values to your liking.
Best regards,
RikardJuly 10, 2020 at 11:29 am #1229382Hi
That works thanks but I would like to hide on the mobile as it is coming up behind the logo.
Thanks
Alex
July 10, 2020 at 1:53 pm #1229420Hi
Also when you click on the Trustpilot icon its doesn’t go to Trustpilot :( heyho
July 11, 2020 at 5:36 am #1229547Hi,
You can hide the widget with this CSS:
@media only screen and (max-width: 767px) { #custom_html-3 { display: none; } }
I can’t help you with the link though since I still can’t see any content.
Best regards,
RikardJuly 13, 2020 at 2:35 pm #1229958Hi
That works thanks :)
Re the linking to Trustpilot if I use the following half the widget disappears and when I hover over the link the menu appears :(
#custom_html-3 {
position: absolute;
top: -45px;
right: 70px;
}July 14, 2020 at 1:11 pm #1230286Hi,
Please see private for what I’m seeing on my end. You will have to experiment with where is can fit and not, and you might have to add z-index to your CSS as well: https://www.w3schools.com/cssref/pr_pos_z-index.asp
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.