Home Page Grid + Menu Color Issue

Activello
1

  1. Is there a way to format the home page so that all of the posts below the first two (full page) are in a grid format - like columns of two or three rather than one?

  2. For some reason every time I am on one specific page of my menu - the color of that page within the menu turns purple (which I know is the default color) even though I have it set to a different color. It doesn’t happen with any other pages besides this one. Is there a way to fix it?

2

Hi @arianadickson,

I hope you are well today and thank you for your questions.

1) Is there a way to format the home page so that all of the posts below the first two (full page) are in a grid format – like columns of two or three rather than one?

This is how it works by default which you can see on our demo site here Activello Theme Demo - Just another colorlib.com site

2) For some reason every time I am on one specific page of my menu – the color of that page within the menu turns purple (which I know is the default color) even though I have it set to a different color. It doesn’t happen with any other pages besides this one. Is there a way to fix it?

Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

Kind Regards,
Movin

3
  1. Do I need to change settings on the number of posts displayed or something else in order for it to display that way?

Mine looks like this: http://www.arianadickson.com

  1. The issue is both here and here:

http://www.arianadickson.com/category/writing/

http://www.arianadickson.com/resume/

(You will see the purple in the menu and drop down menu under ‘Experience’)

Thank you!

4
1) Do I need to change settings on the number of posts displayed or something else in order for it to display that way?

It seems you are using some custom CSS on your shared site as following which is causing this issue so please try removing this custom CSS code from your site.

 body.blog article.post:nth-child(2n),    
.archive.category article.post:nth-child(2n){    clear: left;    padding-right: 25px;  } 
 body.blog article.post:nth-child(2n+1),  
.archive.category article.post:nth-child(2n+1){    
padding-left: 25px;    padding-right: 0;  }
body.blog .entry-footer span.comments-link {  display: none;}@media (min-width: 768px) {  .article-container{    overflow: hidden;  }  
.archive.blog article.post {    width: 50%;    margin: 0;    padding-right: 25px;    display: inline-block;    float: left;  }  .archive.blog article.post .post-inner-content{    border: 0;    padding: 0 0 30px;  }   .archive.blog article.post:nth-child(2n+2){    clear: left;    padding-right: 25px;    padding-left: 0;  }  .archive.blog article.post:nth-child(2n+1){    padding-left: 25px;    padding-right: 0;  }}
2) The issue is both here and here:

(You will see the purple in the menu and drop down menu under ‘Experience’)

You can try changing CSS color of these menus by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

#page .navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    color: #000;
}
5

Thank you!!! The 1st issue is fixed.

Now - for the color issue. It is fixed for the “Experience” tab in the main menu (that is no longer purple at all) BUT the drop down menus “Resume” and “Writing” are still purple when looking at them from the respective pages. Is there a way to fix this?

6
Now – for the color issue. It is fixed for the “Experience” tab in the main menu (that is no longer purple at all) BUT the drop down menus “Resume” and “Writing” are still purple when looking at them from the respective pages. Is there a way to fix this?

To resolve this try using the below CSS code along with the above shared CSS code.

#page .navbar-default .navbar-nav .dropdown-menu>.active>a{
    color: #fff;
    background-color: #000;
}