[Theme: Pytheas] Website does not show mobile version

Did you make a change to the header.php file? It looks like you tried to take out the right side of the header, where the search box and phone number used to be, but there are some elements missing which is wanking up the structure of the page.

One thing you should not do is make changes to the theme files directly. The recommended procedure is to create a child theme, and then make your changes to a copy of whatever file you want to change.

As far as your header.php file goes (and I’m just guessing that’s the file that you changed), where it says this:

</div><!-- .logo -->
<div class="masthead-right">
			<!-- .header -->

		<div id="navbar" class="navbar clr">

Change it to this:

</div><!-- .logo -->
<div class="masthead-right">
</div> <!-- .masthead-right -->
			</div><!-- .header -->

		<div id="navbar" class="navbar clr">

@crouchingbruin

That’s exactly what I did.

Thank you very much your help. I made these changes you commented and the site was back up by mobile. However appeared a white rectangle on top of the site.

In your custom CSS, add this rule:

#masthead {
    display: none;
}

Tnks man!

It solved the problem of the rectangle, but was still a small space, like the site background.

It’s possible to withdraw?

#wrap {
    margin: 0 auto;
}

Friend,

Thanks a lot for the help! It was incredible concern, speed and spot advice you gave.

Thank you so much!
I owe you one.

Big hug

I have the same problem, can you help me?
When I open the home page, or other pages, of my website, it does not show on mobile version.
My blog ishttps://www.blogdojhon.net/

Thanks

hi

my theme Pytheas
site : https://www.bilgisayaralanyerler.net

home blog Boxes ranking problem 8 boxes post Boxes slips

@jhonny-robson-de-souza, your site comes up fine on my iPhone 5c.

@@erdinckoc, are you asking why the last box drops down to a new line?

Yes

@crouchingbruin

The problem is that each of the boxes has a width of 23.5%, but they also have a margin-left of 2%, which means if you put four boxes next to each other, the total width is (23.5% + 2%) x 4 = 102%, which causes the fourth box to wrap to the next line, because there’s only room for three.

The reason why the first line is able to hold four boxes is that the very first box has a class called clr_margin added to it, and there’s a CSS rule which sets margin-left to 0 for elements with that class. If you look closely at the second line, you will see that the first box on the second line is shifted over a little bit to the right, i.e., it’s not directly under the first box on the first line. That’s because it does not have that clr_margin class assigned to it, so it has a margin-left (spacing) of 2%. Because the first box on the second line is shifted over, there’s not enough room for the last box to fit on the same line.

The solution is to add a CSS rule which removes the margin-left from every fourth box past the first box (i.e., the 1st box, the 5th box, the 9th box, etc). Use a CSS plugin (unless the theme has a Custom CSS option) to add this rule:

@media (min-width: 768px) {
   .home-blog-entry:nth-child(4n+1) {
      margin-left: 0;
   }
}

This should work no matter how many more boxes you add.

@crouchingbruin Thank You