Hi,
on our webpage (see hidden link) I have built a .aside menu in content (only for desktop) and I use GP Social Share.
I think my solution is wrong.
Due to the [widget id = “nav_menu-7”] at the beginning of the contect, the [gp-social] does not work correctly. The parameter for [gp-social] are wrong and truncated.
How can I integrate the menu correctly (also for SEO)?
I do not think that with the desired layout the sidebar can be used?
Content:
<div style="max-width: 600px; margin: 0 auto;">
<section class="aside aside--post">[widget id="nav_menu-7"]</section>
<p> content text 01 ... </p>
[gp-social]
<p> content text 02 ... </p>
</div>
CSS (excerpt):
/* Aside block */
@media screen and (min-width: 769px) {
.aside {
clear: both;
display: block;
float: right;
width: 200px;
max-width: 100%;
color: #505050;
margin: 12px 0 24px 24px;
border-top: 1px solid #a4286a;
padding-top: 0px;
position: relative;
margin-top: 5px;
}
}
@media screen and (max-width: 769px) {
.aside {
display: none;
}
}
.aside--post {
margin-right: -204px;
}
greeting
Slawek