ArenC
November 17, 2022, 11:11pm
1
Hello, i have managed to duplicate my social media icons from the footer to my header by copying the element to header. I now need to move the position of the icons next to my “More Games” drop down. I have attached a picture for reference.
i believe the more games dropdown will move to the left automatically once the social media icons have moved.
my url is: https://thegamingbooster.com
password: mutwum
If there is a better way to get these same icons with less coding the please let me know.
thankyou
Aren
made4Uo
November 18, 2022, 12:06am
2
Hi @ArenC ,
Please follow the instructions below
From your Admin Page, click Online Store > Themes >Actions > Edit code
In the Asset folder, open the base.css
Paste the code below at the very bottom of the file.
@media screen and (min-width: 990px) {
.header--middle-left {
grid-template-areas: "heading navigation social icons";
grid-template-columns: auto auto auto 1fr;
}
.header .footer-block--newsletter {
margin-top: 0;
}
}
Hi @ArenC ,
This is PageFly - Advanced Page Builder.
You can try with this code:
Follow this:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: paste below code in bottom of file → save.
header.header.header–middle-left.header–mobile-left.page-width.header–has-menu {
display: flex !important;
}
.header__icons {
right: 70px !important;
position: absolute !important;
}
.footer-block–newsletter {
margin-top: 0 !important;
}
Hope that my solution works for you.
Best regards,
PageFly
