danielwp

My bad, here is the correct link:
https://futbolpulse.com/2015/12/02/lionel-messi-cristiano-ronaldo-neymar-shortlisted-ballon-dor-2015/

Part of the post title on my iPhone 6 is cut off by the top menu of the site (consisting of the logo and dropdown menu). It has been like this ever since I added that code a couple of months ago, and I couldn’t find a way to fix it.

Could someone help me out? When I used the following code it successfully eliminated the white space in all pages.

.masthead-fixed .site-main {
    margin-top: 0;
}

However, when I used the following code, it didn’t eliminate the white space on any page, including the home.

.home .masthead-fixed .site-main {
    margin-top: 0;
}

Is there a way to eliminate the white space only on the homepage? The .home tag doesn’t seem to be working for me.

That didn’t seem to work, the white space showed up on all the pages including the home page.

I have another (related) question.

I’ve removed the extra white space, however this cuts off the titles on post pages. Is there a way to make Kharis’s css code only function on the home page?

Thanks again,
– Dan

Hi Kharis,

Thanks for the help! The only problem with it is that it cuts off the top of the featured grid images. Is there any way to avoid this?

Thanks!

EDIT: Nevermind, found a fix myself! I changed the value from 0 to 48px. Thanks again for everything ??

My site is futbolpulse.com.

Does anyone know exactly what I’d have to add to the CSS stylesheet in order to spread each category tab throughout the primary menu evenly so that it is symmetrical and takes up the entire space?

How exactly would I do that using CSS? Sorry, I’m not very experienced with coding.

I understand. How exactly would I edit that to make it happen?

I already have a child theme created. How would I go about adding the banner ad?

Posted it there

I change the mobile option to slider but it still shows up as a grid on all mobile devices. Is there any way to fix this?

Nevermind, I got it. For those seeking the same result all you need to do is paste the following code into your CSS Editor:

body.home .tag-links {
	display: none;
}

body.category .tag-links {
	display: none;
}

body.tag .tag-links {
	display: none;
}

body.archive .tag-links {
	display: none;
}

body.search .tag-links {
	display: none;
}

I still have one more question though: Is there any way to decrease the amount of space between the end of each excerpt and the start of the featured image for the following post? Thanks!

Wait, one last (very minor) thing. Prior to doing the post excerpts, whenever I hovered over each featured image on the home page, light diagonal bars appeared over it (it still does this to the images in the grid on top). However, once I started doing the post excerpts, the featured images that I hover over on the home page just seem to get lighter. I liked the other effect better, is there any way to restore it?

Thanks for the help! I’m new to coding so I’m not really sure how everything should be done haha ??