Forum Replies Created
-
AuthorPosts
-
What is this tool called in FireFox?
You have been absolutely a star throughout the building of this website.
I would like to thank you for your help.
I will give you a break for now.
Thank you.
Brilliant … it looks very nice on mobile and exactly the way I want it.
How can I make it just mobile only view.
With Desktop I think I will add something below the header image.
I am happy with the layout I have right now … but yes I would love to have a top line on mobile to say 100% Donation Policy with a small donate button.
But if it is not possible then I am happy with the layout I have right now …
The button you suggested is a right idea but unfortunately will look bit out of place.
Hi @Basilis
I have added the following code
.av-iconlist-small li {
margin-bottom: 15px;
}and it didn’t change anything on the page.
But if I add the page id at the start then it works.
Example (With Page ID)
Without Page ID
Please help.
Thanks for that.
I have added the codes in the respective places.
But this button will only look better on mobile view and if it is small … is it not possible to have something like this
http://www.almustafatrust.org (on mobile display) with 100% Donation Policy and Donate Button?
or something like http://www.unicef.org.uk
Thank you for your help.
You are star man.
I have got rid of those extra CSS rules and it looks perfect now.
My last question and then I will not pester you.
How can I make this CSS rule global for the whole website instead of just one page.
.page-id-246 .av-iconlist-small li {
margin-bottom: 15px;
}Thank you for all your help.
Hi @Guenni007,
Thank you man … you have been very very helpful … Great Man … Much appreciated all your help.
I have added the above code and adjusted the paddings slightly.
whenever I change PREPEND TO APEND … it completely removes the icons.
How can I get the order right and how can I move the icons from top to the bottom of menu.
Thank you,
Sorry @guenni007
I feel like I am asking you instead of Kriesi guys … I am sure they will be thankful to you as I am.
I want to create a heading
“100% Donation Policy” with its link to the page holding this policy …
Is there a way to create a banner with just that text, which shows on top of every page on mobile and below the header image on desktop on every page.
Looking forward to your response.
I have tried both codes …
the bottom code removes the icons completely and leaves a black hover effect on the menu items.
The other code has put together the icons at the top but … they don’t look very nice on top and look out of space.
On your menu at the bottom of menu they look better.
PS. Why do they go missing when I hover over them.
Your sample website menu looks slick :)
- This reply was modified 6 years, 6 months ago by projectt_co_uk.
I came across this post for social icons in the mobile menu
I have added the code in function.php on u4h.org.uk/home and as you can see the icons are there but they are on different menu levels.
How can I make them in one level?
How can I show them at the bottom of the menu instead of at the top of the menu?Thank you for your help.
I have added the code Ismael has suggest in my website. (www.u4h.org.uk/home)
but it is showing the icons as seperate row … but I want all the icons in one row … how can I do that.
Looking forward to your response.
Hi @Guenni007,
Thank you again for your help.
My mobile menu is same as the other main menu but just as burger menu.
My menu is not working properly and is overlaying everything on ipad (both portrait and landscape views)
PS. I have ticked the option in the header option and added your code for the shadow.
I am currently copying this code for every page to create space between the icon list.
How can I create this code to apply on all pages.
.page-id-246 .av-iconlist-small li {
margin-bottom: 15px;
}Thank you.
You are a legend @Guenni007
It worked …
Few questions if you can please help me.
1). Donate Button Header Menu – How can I create a button with a little shadow?
2). Social Icons in the header are too close to each other … how can I create a space between them
3). How can I create donate button in mobile headerFinally
Thank you very much for all your help in sorting out stuff for this website. Without your help it wouldn’t have been same.
I appreciate that.
Hi @Guenni007
I have enabled all the social profiles.
They still not showing up in the footer.
I have copied your code into text widget in the footer.
Hi @Guenni007
Thank you again for your help.
I inserted the following code in the text widget in the footer (I found this on another post)
Follow us on Social Media
<ul class=”noLightbox social_bookmarks icon_count_3″>
<li class=”social_bookmarks_mail av-social-link-mail social_icon_1″>(Email address hidden if logged out) ?subject=Inquiry from WGM Website”><span class=”avia_hidden_link_text”>Mail</span>
<li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_2″><span class=”avia_hidden_link_text”>Linkedin</span>
<li class=”social_bookmarks_youtube av-social-link-youtube social_icon_3″><span class=”avia_hidden_link_text”>YouTube</span>However the icons don’t change. I want to have the following profiles in the footer
Facebook | Instagram | Twitter | YouTube
In the header I only want Facebook and YouTube – But their circles aren’t looking right.
Looking forward to your help.
Since then I have found the following code
<li class=”social_bookmarks_youtube av-social-link-youtube social_icon_3″><span class=”avia_hidden_link_text”>YouTube</span>
which seems to be doing the job
but I am struggling with two things
1). Changing the colours of icons to their original colours
2). Changing the icons themselves – currently I am only getting LinkedIn icon – please can you tell me how can I access the icons for Facebook, YouTube, Instagram and Twitter.Thank you.
Hi @Guenni007
I have added the code but the logo doesn’t display the way it does on mobile.
I liked the layout of first code for mobile. How can I do that with the new code.
I like the overlay of logo on mobile as well.
Thank you.
Thank you for all your help.
I appreciate that from the bottom of my heart.
I have couple of questions if you don’t mind me asking
1). How can I create categories like shown on this page https://muslimhands.org.uk/appeals (as you can see when I hover over it the text slightly comes on the image.
2). How can I create a donate button in the header for mobile so it always shows a donate button between the logo and the burger menu.
Once again I appreciate all your help.
PS. I have adjusted the font size of the menu … how can I make the drop down menu better looking? Something like this https://www.islamic-relief.org.uk/syria-appeal/
What does the last code do?
I inserted that and the logo was cut off.
Any idea how can I make the menu bit smarter for desktop and mobile.
Thank you for all your help.
I don’t know if you have been told this but you are a star @Guenni007
Love it … what you have done there.
I have implemented and it looks awesome on both mobile and desktop.
I would love to follow you on Facebook, can you give me link to your profile please.
that’s cool man.
how will it look on the mobile … will it not make the header too big for mobile.
Also how can I create a svg file for the logo … your help will be appreciated.
I would love to see your work :)
Absolutely brilliant … what you have done with the logo in this link
how can I do that?
I have uploaded 300 x 87 without the slogan line and you can see the logo is not coming out sharp enough.
Please can you advise me further.
Thank you,
Hi Guenni007,
Thank you for your reply.
The site is under development.
See above link.
The logo shown has been uploaded as 4444 x 1300 pixels.
Since then I have uploaded full size logo 4444 x 1300. The quality of the logo is better now but will this size 103kb slow down my website?
How can I limit the logo size so it doesn’t show the logo in full size but rather in a particular size with high quality.
Looking forward to your help.
Hi Vinay,
Thank you for your help.
Unfortunately this code didn’t work either.
Hi Rikard,
The code didn’t work. I tried the same code myself but didn’t work.
Please can you help?
Thank you,
Thank you Victoria that worked.
Related to the same website … how can I change the colour of menu button “Book a Call Back”
I am trying to change the color to #b51212.
Thank you
-
AuthorPosts