No link on my picture with chrome

  • Resolved jogospa

    (@jogospa)


    8 years, 6 months ago

    I made a 3 columns to show the main picture of articles, on the cathegorie page, but in chrome i cant click on it, for the columns 2 and 3, to link to the articles.
    It works well with mozzila and safari.

    This is the link to the page : http://dinettemagazine.com/?cat=2

    for my css it’s:

    .blog-wrap {
    margin: 0 auto;
    }

    .blog-wrap #primary {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 5px;

Viewing 8 replies - 1 through 8 (of 8 total)
  • Mr Case

    (@mr-case)

    8 years, 6 months ago

    on line 1859 of your css the following code is what is causing the problem on that page:

    .archive .site-content .post,
.search-results .site-content .post,
.search-results .site-content .page {
	clear: both;
	overflow: hidden; <-------
}

    I commented that out and it started working. I don’t know if that is the right fix, as it may cause issues elsewhere. but it may be a good place to start.

    Mr Case

    (@mr-case)

    8 years, 6 months ago

    Another note. it probably isn’t the best idea to use a column-count to arrange images. I would use a float or an inline-block. Just in my opinion. There’s a million ways to skin a cat.

    Mr Case

    (@mr-case)

    8 years, 6 months ago

    Did it work?

    Thread Starter jogospa

    (@jogospa)

    8 years, 6 months ago

    yes it works thanks a lot, just a problem for iphone to show the images but i i m going to have it! thanks a lot again

    Mr Case

    (@mr-case)

    8 years, 6 months ago

    try adding this to the bottom of your css file:

    /*-----------------------------------------------------------------------------------*/
/*	17.0 Extras
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.blog-wrap #primary {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		padding: 10px;
		float: left;
	}
	.entry-thumbnail span {
		visibility: visible;
		position: initial;
		display: inline-block;
		width:50%;
		text-align:	left;
		font-size: 1em;
		margin-left: 15px;
		vertical-align: top;
	}
}
    Thread Starter jogospa

    (@jogospa)

    8 years, 6 months ago

    Thanks once again. Your are the best 😉

    Mr Case

    (@mr-case)

    8 years, 6 months ago

    No problem. Glad I could help. Can you mark this post resolved?

    Thread Starter jogospa

    (@jogospa)

    8 years, 6 months ago

    yes

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘No link on my picture with chrome’ is closed to new replies.