How to change menu widget position?

Hi

You can check this article for configuring widgets.
https://www.ads-software.com/support/article/appearance-widgets-screen/#configuring-your-widgets

Unfortunately I can’t find the theme anywhere, neither for purchase nor for download. So it’s difficult to recommend you something here.

As far as I can see there are probably 2 widget areas. You would have to move the widget with the social icons into the same widget area as the copyright (under Appeareance > Widgets). After that you have to add this CSS:

.footer-content .menu-social-media-container {
 display: inline-block;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 1;
}

This way it looks at least somewhat like you want on desktop.

Or you just move the widget over and remove the copyright. Then you don’t need to add any CSS I think.

Thank you all for the support.
Threadi, I have done what you have asked me to do. the social icons are not left aligned with the border and not opposite the footer links.
moreover, why do the icons come with points on the left? I need them to be as same as the footer links style which displays a line under the icon once I cross the icons.
Could you check the website again? You will see the social icons with the same style as the footer links which I need. just I need them in the place of Copywrite. By the way, this style comes only when I move the widget to the footer vertical menu links.

Theme: https://demo.lion-themes.net/hermes2/

• This reply was modified 2 years, 3 months ago by marseem.

I don’t see any change with your website. Which of the advice did you even try?

So: move the social icons widget next to the copyright widget and remove the copyright widget. Then add this to make it left-aligned:

#menu-social-media {
  text-align: left;
}

Then social icons and footer would be left aligned.

OR as written above first move the widget, leave copyright and insert the above CSS. Then copyright, social icons, footer left … would all be on one line.

If you still don’t succeed, I would recommend you to contact the support of your theme (if it still exists, their website is currently not accessible for me).

Hi

From the above I think that you wanted to move your social icons on left of the footer, where the copyright symbol is placed.

My suggestion to you is, create a new social icon widget and you can place it on leftside of the footer page or wherever you need.
You can look at this video tutorial from WordPress:

I hope this tutorial will help you to configure social icons on your footer page.
If still have any doubts, don’t hesitate to reach back.

The social icons became on the left but not horizontally which I need. Further, I need the icons to have a style as same as the footer links not with points.
https://ibb.co/NnBsf9W

Thank you hustler07 for the support but this is not what I’m asking for. I don’t have a problem adding the social icons my problem is the position of the widget in the website.

Hi

@waseemsannib – my problem is the position of the widget in the website.

This article give complete details about the widgets:

Appearance Widgets Screen

If still have doubt, please don’t hesitate to reach back.

The link which is provided only for how to add and remove widgets. My question is about moving widgets and change their positions.
You can see in my website the social media icons placed vertically and I need them horizontally and without the dots.

@waseemsannib – My question is about moving widgets and change their positions.

To move a Widget:
The Widget must be located in a Sidebar or other active content area before it can be moved. Click on the Widget Title and hold the mouse button down, then drag the Widget bar up or down to the location desired. At that point release the mouse button.

or

Please go to the customizer
1. Remove the existing footer from the page.
2. Add a new footer widget and customize according to your needs.
In customizer there are lot of options for customizing the footer widget.
You can also check this article for reference:

Appearance Widgets Screen

hustler07,
Thank you for supporting me. Actually, I think you still don’t consider what I’m asking for. What you asked me to do I know them and this is not what I’m asking for. By the way, Copywrite cannot be deleted the weight in Copywrite is empty but I still see the text I don’t know why.

By adding the social media menu in Copywrite sidebar they come vertically which I don’t want. I need this horizontally beside each other. and then they don’t show the style of footer link effect ( displaying line once crossing on the word ).

I need to put the social menu horizontally opposite the footer link and together aligned to the border line.

I don’t know whether I’m clearer for you now.

I have solved half the problem with this css:

#menu-social-media li {
display: inline !important;
}
#menu-social-media {
display: inline-block;
}
#menu-social-media {
padding-left: 0px !important;
}

I just to know how to add spacing between social icons. and add the line effect while crossing on the icons as same as the footer link.

• This reply was modified 2 years, 3 months ago by marseem.
• This reply was modified 2 years, 3 months ago by marseem.