natejamestz

You are correct – they are now both working properly on mobile and desktop. That’s strange as they had completed disappeared yesterday!

Thanks!

Perhaps it’s related to another css code that I have added? I added one so the menu bar would be in line with my logo? But it also uses @ media so perhaps the two are interfering with one another?
There isn’t an “issue” with the website just that the mobile version of the site I was hoping to be able to disable the menu effect as some have said they’ve found it interferes with site navigation.
Here’s all the additional CSS I’ve added under “Additional CSS”:

@media screen and (max-width: 465px) {
      .headroom-unpinned { transform: translateY(0) !important; }
}
@media all and (min-width: 900px) {
  #title-info {
    margin-top: -32px !important;
  }
  #menu-main {
    margin-top: 32px !important;
  }
}
#logo img {
  max-height: 250px;
	max-width: 150px;
}
#rightbar .widgets {border:none !important;}
.mainnav li a.sf-with-ul {background: #ccc;}

• This reply was modified 5 years, 10 months ago by natejamestz.
• This reply was modified 5 years, 10 months ago by natejamestz.
• This reply was modified 5 years, 10 months ago by natejamestz.

Hi Edy,

Thank you – however, I’ve added this css code but the menu effect continues to happen on mobile devices.

Nathan

Thanks so much, Edy. That worked perfectly!

That worked! Thanks so much!

I can confirm as well that this light grey border is added to any widget that is put in the sidebar. I tried with others and they all had the same issue.

Yes – it’s back up now!

I started a new thread for my new question. This original query has been resolved.

Hi Edy,

Thanks again. I’ve just put the website live so you can take a look. When I did that the website is working properly on my iPhone (just not on the wordpress “mobile” viewing feature when building the website). So whatever you did works on my phone! Thank you!

I’ve noticed on mobile, however, that the picture I have in the “right toolbar” widget gets pushed down below the text and the borders get all skewed. It’s fine when the picture is beside the text on desktop but not on mobile. Can you take a look?

The website is https://blockhousecounselling.ca/

I should add: this is only a problem with the home page header image. That same header image that appears on my other pages is smaller and does not encounter this same problem (as the header image I uploaded to the home page remains in place for every page I use if I don’t have a featured photo). Which also seems a bit strange to me – that the home page “header photo” (as well as an “right sidebar” widget photo) automatically appear on every page I create unless I go to “full width” layout for my pages (instead of default).

Thank you for your quick reply. I’ve updated the theme but the problem still remains where the header image doesn’t resize when going to mobile. It remains very large.
Do I need to do anything else other than just update the theme?

Thanks again!