Recent
Categories
View Replies (3)

Help with positioning social media icons for Robyn

  1. Issue
0
Votes
Undo
  1. bludove
    bludove
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 29 May 2019
  5.  Subscribe via email
I would like to display my social media icons inline with the menu on desktop and then under the logo on mobile. I cannot seem to make this happen.

Additionally, I would like to repeat the social icons in the footer but I would like to make them white in that area. Is there an easy way to do this? for now I made a module and copied in the code created for the social icons but that's not quite what I had in mind b/c it means a couple places to edit the links if they change.

Note: I have only applied the design to a hidden menu item not the whole site. I didn't want the changes to be seen until I was finished.

Thanks
Lisa
References
  1. https://wardscottfiles.com/new-template-design
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lisa

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#logo {

    margin-bottom: -90px;

}

#socialmedia {

    margin-left: auto;

}


Also remove the following...

.hornav {

    position: absolute;

    top: 25px;

    left: 415px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
bludove
bludove
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you. That worked.

Additionally, I would like to repeat the social icons in the footer but I would like to make them white in that area. Is there an easy way to do this? for now I made a module and copied in the code created for the social icons but that's not quite what I had in mind b/c it means a couple places to edit the links if they change.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lisa

One option is to use the J51_InlineIcons module included with your template.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!