manuarora

And i had dug the host files. Ha ha ha.

I like the way you explained.

Done
Thanks

Hey,

the answer looks simple.
I am really not able to do it. If you could detail a little on the process to do it, it would be great help.

Thanks

thanks

Yes, I have removed them.

I wish to lower the white square size and probably darken the text a little in the post title box in slider.

The post title if and when displayed in the slider seems to covering the entire area. any way we can change the font size and space coverage.

please have a look at the URL

https://ibb.co/dKOUmc

Sticky element Column…

Hey,

i was able to do it for instagram as the link shared by you. Apparently all the remaining links i generated or copied for remaining social media handles are not working.

can you please help how do i generate those

hey.

i downloaded the plugin and have tried all combinations to be written in sticky element but havent been able to freeze panes on header menu in desktop.

what should be the call phrase in sticky element for header menu?

Thanks

Hey,

the icon is overlapping the previous one. Css attached for reference

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
body, .entry-content p{
font-size:16px;
}

h3.widget-title{
font-size:20px;
}
h2.entry-title{
font-size:30px;
}
#footer .navigation > li {
float: none;
display: inline-block;
}
#footer .navigation {
text-align: center
}

.page-template .col-md-8.col-md-offset-2 {
margin: 0;
width: 100%;
}

header .site-tools {
width: 65%;
position: absolute;
top: 62px;
right: 20px;
}

.site-logo {
padding: 30px 0;
text-align: left;
}

.aligncenter{
margin:0;
}

.socials li a i{
font-size:22px;
}

@media(min-width:991px) {
header .site-bar .nav { width: 100%; }
header .site-tools { position: absolute; right: 5px; width: auto; }
header .navigation { text-align: center; }
header .navigation li { display: inline-block; float: none; }
}

.entry-utils .socials li:nth-of-type(2) a{
background:white;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#0084b4;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(1) a{
background:#3B5998;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(3) a{
background:#d34836;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(4) a{
background: #c8232c;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

@media(max-width:767px) {
.site-bar .site-tools {
margin-top: 40px;
text-align: left;
}
}

.mm-navbar.mm-navbar-top.mm-navbar-top-1 {
font-size: 12px;
overflow: hidden;
line-height: 1.1;
}

@media(max-width:768px) {
header .site-tools {
position: relative;
margin: 0;
top: -10px;
left: 0;
right: 0;
}
.socials li a i {
font-size: 12px
}
}

.site-logo{
padding-bottom:0;
}

@media(min-width:768px){
.navigation > li > a{
font-size:14px;

}
}

.socials li:nth-of-type(2) a {
color: #1dcaff! important;
background: white! important;
}

.socials li:nth-of-type(1) a {
color: #3B5998! important;
background: white! important;

}

.socials li:nth-of-type(4) a {
color: #dd4b39! important;
background: white! important;
}

.socials li:nth-of-type(5) a {
color: #0077B5! important;
background: white! important;

}

.socials li:nth-of-type(3) a {
color: #dd4b39! important;
background: white! important;

}

Hey,

i will try to find a plugin for the same.

I did the coloring part on social media icons but what is happening is i am not able to create a exact original like replica. For Example: Instagram has shape and a different color pattern. Is it possible we import the logo from a page or like native social media icons.

Reviewed:5+
Regards

Hey,

can i freeze panes at header menu on scroll down??

Thanks

Hey,

1 more question please.

3. can we change the header menu font and size in Desktop version only. As the desktop screens are wide the header menu seems to be barely readable.

Regards

Thanks

Hey,

2 concerns

1. enclosed is additional CSS. The mobile view is still not optimized and i am facing the problem still.

2. How can i make the theme responsive to screen resolution. I just opened it on a large screen monitor and the view was like half the screen.

Additional CSS:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
body, .entry-content p{
font-size:16px;
}

h3.widget-title{
font-size:20px;
}
h2.entry-title{
font-size:30px;
}
#footer .navigation > li {
float: none;
display: inline-block;
}
#footer .navigation {
text-align: center
}

.page-template .col-md-8.col-md-offset-2 {
margin: 0;
width: 100%;
}

header .site-tools {
width: 65%;
position: absolute;
top: 62px;
right: 20px;
}

.site-logo {
padding: 30px 0;
text-align: left;
}

.aligncenter{
margin:0;
}

.socials li a i{
font-size:22px;
}

@media(min-width:991px) {
header .site-bar .nav { width: 100%; }
header .site-tools { position: absolute; right: 5px; width: auto; }
header .navigation { text-align: center; }
header .navigation li { display: inline-block; float: none; }
}

.entry-utils .socials li:nth-of-type(2) a{
background:white;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#0084b4;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(1) a{
background:#3B5998;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(3) a{
background:#d34836;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

.entry-utils .socials li:nth-of-type(4) a{
background: #c8232c;
border-radius:99%;
width:30px;
height:30px;
text-align:center;
color:#fff;
font-size:20px;
line-height:20px;
}

@media(max-width:767px) {
.site-bar .site-tools {
margin-top: 40px;
text-align: left;
}
}

.mm-navbar.mm-navbar-top.mm-navbar-top-1 {
font-size: 12px;
overflow: hidden;
line-height: 1.1;
}

@media(max-width:768px) {
header .site-tools {
position: relative;
margin: 0;
top: -10px;
left: 0;
right: 0;
}
.socials li a i {
font-size: 12px
}
}

Thanks

i did add the tag.

if you could open the website in mobile version. In all category pages site logo and social media icons are overlapping.