Blog display layout home page

Hi,
try this

@media(min-width:991px){
.home .entry-content{
    overflow: hidden;
    display: inline-block;
    max-width: 58%;
}
.home .entry-featured {
    margin: 0px 0 20px 0;
    position: relative;
    text-align: center;
    float: left;
    max-width: 35%;
    padding: 10px;
    margin-right: 30px;
}
}

in your custom CSS box under Customize-?Additional CSS
Let me know if this worked for you.

Yes. It worked. Thank you so much. A follow up question on this. The thumbnail which is being displayed now. Can its size be changed as well?

Hi,
yes! you can try this

@media(min-width:991px){
.home .entry-featured img{max-width:300px}
}

and replace 300px with your preference

Thanks. But on keeping it 300 px, the image is overlapping on the text. It got fixed when i reduced it to 200px.Is there some way where the text can automatically adjust in the remaining width?

Also the images are shifted little to the right as compared to other elements on the page. Can it be aligned to other page items?

Hi,
300px is an example, add 80% instead.
Normally they shouldn’t, can you add my suggestion so I can see what you mean?

hi

I have made the suggested changes.

But in the bottom of the home page, where it is showing other blogs in the side widget- the images have become really odd sized while in other pages it is correct. How to correct that pls?

• This reply was modified 4 years, 9 months ago by ladlewithlove.

Hi @ladlewithlove
Try this
.widget_posts_list.widget_posts_list_alt .entry-featured img{max-width:80px}
in your custom CSS box under Customize-?Additional CSS to fix that.

It worked. Thanks so much!

I have a question regarding the menu. Should I post it here or start a new thread?

The main menu on mobile isnt showing the menu items displayed but a drop down menu link shows. Can that be changed?

Hi @ladlewithlove,
you need to remove the mobile menu and just display the desktop one?

Please open a new thread so we can continue there