Divi – A Weblog of Priyank Maniar

Divi Footer Link With Dynamic Year in the Theme Customizer

Wed, 23 Jun 2021 18:52:57 +0000

1 2	var footerDate = new Date(); jQuery('#footer-info').html('Copyright © ' + footerDate.getFullYear());

]]>

How to have a sticky or a fixed header on mobile?

Wed, 29 Jul 2020 11:04:04 +0000

The following code helped me with getting a sticky header on the mobile device.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/*******************
* FIXED HEADER ON MOBILE
*
* SOURCE: https://divilife.com/create-fixed-mobile-menu-divi/
*
* */

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}

.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}

}

Source: https://divilife.com/create-fixed-mobile-menu-divi

]]>

How to Change DIVI’s default pagination text?

Sat, 25 Jul 2020 15:53:40 +0000

You may want to change the default pagination text provided by DIVI – Older entries to something else. Following CSS will help you achieve just that.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.pagination .alignleft a {
color: rgba(255,255,255,0);
position: relative;
}

.pagination .alignleft a:after {
content: "« More Awesome Content...";
position: absolute;
text-align: left;
width: 200px;
left: 0;
color: #22BBF7;
font-size: 14px;
}

.pagination .alignright a {
color: rgba(255,255,255,0);
position: relative;
}

.pagination .alignright a:after {
content: "More Awesome Content... »";
position: absolute;
text-align: right;
width: 200px;
right: 0;
color: #22BBF7;
font-size: 14px;
}

]]>