Extra widget column

Sparkling
1

I use the Sparkling theme for my website.

I have added an extra widget column to the footer. So now I have 4 instead of 3 columns.

But now the fourth footer is at the bottom.

How can I have the fourth column next to it?

2

Hi there

Let me see it, please provide url of the page and I will help you to fix it,

Regards

3

Hello,

Thank you for the reply.

The website is not online yet.

By default Sparkling theme has 3 (widget) columns in the footer. I added a 4th column, but the footer is too narrow. So the 4th colomn slides down. How do I get the 4th column next to it?

Like this:
| | | |

Now it is like this:
| | |
|

4

Hi there

I understand the problem, but I need a live website to generate custom CSS

Regards

5

Hello!

I’ll send you the website in a private message, please respond via private message

6

Hi there

I just replied

1 Like
7

A week later now, waiting for support…

8

Hi there

Sorry for the delay and thanks for your patience, please add this css code in the Appearance > Customize > Additionally css:

@media (min-width: 768px){
.footer-widget-area .col-sm-4.footer-widget {
    width: 25%;
}
}

Regards

1 Like
9

Thank you for the reply!

And if I add 5th colomn?

How can I have a sticky header?

10

Hi

Use 20% instead in the code :slight_smile:

1 Like
11

Yes, i tried…

How can I have a sticky header?

12

Hi
Try this code for the sticky header:

header#masthead {
    position: fixed;
    width: 100%;
}div#content {
    padding-top: 100px;
}
13

It don’t work?

Another question, how can I have a smaller sidebar (on the right)?

14

Most probably code was not correctly added? it should work

Sorry, there is no such option to add small sidebar on the page :frowning:

Regards

15

I don’t want to add a smaller sidebar… How can i adjust width?
So that the sidebar becomes slightly narrower.

I think the sidebar of the Sparkling is a bit too wide.

16

Hi

Ok, that’s possible, please provide link to the page with the sidebar and I will provide custom CSS

Regards

1 Like
17

Hi,

I have send you a private message…

18

Hi

Here we go:

.main-content-inner.col-md-8 {
    width: 70%;
}
div#secondary {
    width: 30%;
}
19

Hello,

How can I change hover-color in horizontal menu?

image
image1281Ă—71 4.9 KB

21

Thank you for your reply.

I want to change the hover-color in the style.css file.

How can I do this?