[Resolved] SIDER LEFT HEADER

[Iván]

Hi, Leo:

my website is picolisimo.es. I am addapting “Sider” template to my theme, and I have various questions:

1/ I don´t want my site to be full- width. I prefer the body to be narrower. The problem is that the menu stays on the left side of the screen. Is there a way of fixing it next to the body copy (now is far away…)

2/ In the header, how can I put the social icons next to each other? One at the left and the other at the right?

3/ In my page “CONTACTO”, how can I remove the dash behind the title? Why is it there?

Thank you SO MUCH!

Iván

[Tom]

Hi there,

1. Since it’s a fixed header, it would be very hard center it next to your content. However, you can move your content over to the header:

body .grid-container {
    margin-left: 0;
}

If that’s not sufficient, we might be able to explore some other ideas.

2. Try this:

.site-header .menu-social-container li {
    display: inline-block;
    margin: 0 5px;
}

3. In “Customize > Additional CSS”, find:

.single .entry-header::after, .page .entry-header::after {
    border-bottom: 1px solid #000;
    content: "";
    display: block;
    margin-bottom: 40px;
    padding-bottom: 40px;
    width: 2.5%;
}

And remove it.

[Iván]

Thank you very much!! I have taken another direction, but everything worked perfectly! Your theme is amazing!

[Tom]

No problem! Thanks 🙂

[Author]

Posts