daddybo

This is what I implemented:

/* All the page titles were being listed above the nav bar when the website was
being viewed on mobile devices. Fix: don't display class top_bar and then insert
some space above class main_nav
*/
.top_bar { display:none; }
.main_nav { margin-top: 8px;}

It works. Is there a better solution?

Thank you

I have searched about this topic and now this is working for me:

@media only screen and (min-width : 320px) and (max-width: 384px) {
  .site-header  img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://sub1.ffcenter.tk/images/header-mobile-320x99.jpg) no-repeat;
    width: 310px; /* Width of new image */
    height: 99px; /* Height of new image */
    padding-left: 310px; /* Equal to width of new image */
    margin: 0 auto; /* Center it */
  }
}

Thank you. I am going to work on this in the coming few days.

Thanks again, marking as resolved now

Thanks
Your css displays correctly in IE 11 on Win 7
.gallery-item img {
width:100%;
}

Thank you.!

Your css
.gallery-column-4 .gallery-item {
width: 25%;
}
didn’t fix it for me

I reproduced the problem here:
https://test.daddybo.org/

and when I use IE 11 & Windows 7, the gallery has the problems described

IE 11 on Windows 7
I’m in maintenance mode can I pm a login to you?

Thank you for the assistance.
You have helped me learn.

I would like to know how to hide this on the full posts of blog as well. Would you need the css for each post? or is there a better “global” manner that would apply to all posts for the blog’s category?

That worked great for the pages I wanted no header on; however, I’m getting stuck on my blog page. It stills displays the header.

Looking at my source code, part of the menu is as follows:

<li id="menu-item-979" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-415 current_page_item current_page_parent menu-item-979"><a href="https://www.taichichihnoco.com/community-blog-tccnoco/">Blog</a></li>
<li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="https://www.taichichihnoco.com/sharing-the-joy/">Sharing The Joy</a></li>

This css is not working (but does work for all my other pages)-
.page-id-415 .site-branding, /* 415 is BLOG */
.page-id-415 #banner-wrapper,
{
display: none;
}

Is there something different I need to do for the page set as my Blog?

Thanks

Thank you!
This works just great.

That is resolving things nicely and works just fine.

Thank you for your great support. I appreciate you.

Okay I understand that – thank you for the quick reply. I like this theme a lot. Is there an approach I can take to to change the spacing just under the navigation menu and around the page titles? I have client that asks I hide the title on a few pages, but also wants the content to start much closer to the menu. I use the Hide Title plugin to toggle the title off. Your suggestions?