Tagged: social icons
-
AuthorPosts
-
June 7, 2016 at 2:05 pm #644059
Hi, I have placed the social icons in the main menu on the right with the logo in the middle but I need them on the left on the same line as the menu items with the menu items on the right. Everything I have tried does not work.
Any ideas?Regards
RichardJune 7, 2016 at 2:27 pm #644081Hey Richard,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
AndyJune 7, 2016 at 3:12 pm #644122Hi Andy
Thanks for your reply. I have added a link for you to see my problem
Regards
RichardJune 8, 2016 at 10:36 am #644667Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#header_main nav .social_bookmarks { position: absolute!important; right: auto!important; left: 0!important; } .main_menu { width: 100%; }
The menu items looks like they are overlapping the logo please check Enfold options > Header > Header layout to resolve this issue.
Best regards,
VinayJune 8, 2016 at 10:51 am #644677Hi Vinay
Thanks for your reply but that coding does not work. I tried something similar…that’s why I’m pulling my hair out.
I placed the logo in the centre and the menu below the logo to get it out of the way. However, I still need the social icons on the left, logo centre and menu on the right.
Regards
Richard- This reply was modified 8 years, 5 months ago by Richard. Reason: more info
June 8, 2016 at 12:00 pm #644740Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks { right: auto!important; }
Best regards,
VinayJune 8, 2016 at 2:49 pm #644855Hi Vinay
I can see that it works in your reply but it doesn’t work on the website. I cleared the cache just in case.Regards
RichardJune 8, 2016 at 5:22 pm #644959Hi,
Try adding the code on top in the Quick css field if you still have any issue we need to take a closer look please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.