CSS Mobile Issue

[sportfeed]

Hi Guys,

I am building a full responsive website but cant figure 2 things out. I am not a big hero if it comes to mobile css so if anyone of you get me some help with the right code for my issues i can save it in my tekstdocument and will be very thankfull to you:

• First of all i used a black vertical line on the site to sepperate 2 items on a page. Only this line will be displayed on mobile on its own so i want that line not to be displayed on mobile phones. Its at the page: http://wesbeentjes.nl/stucadoor-heiloo-diensten/ at the right site right next to the photo and left to OFFERTE AANVRAGEN. I tried this myself:

@media (max-width: 320px) {
.Lijn1 {display:none !important;}

But it wont work. I gave the image a own class name : Lijn1 but it still wont work. Al the pages underneed ONZE DIENSTEN got the same line so 1 css code for all the lines would be welcome to.

• Second issue, on the home page of http://www.wesbeentjes.nl you got a part with ONZE SPECIALITEITEN in this part the images are alligned left and the text is centered for good view on a destkop. But when you go on mobile the images are left and the text centered just as the settings are on destkop. But on mobile i want to center al these images. But only on mobile for a good view.

If anyone could help me it would help a newbie in full responsive css as me very much!

Thanx guys!

[Paulie_D]

@media (max-width: 320px) {
   .Lijn1 {
     display: none;
    }
}

Should work assuming you’ve used just that code. You might need to flush the CSS caches in WP and your browser to double check.

[Paulie_D]

As for centering the images, pick your breakpoint and use text-align:center on the <div class="wpb_wrapper">

[sportfeed]

I dont get it wont work check the ps’s

http://prntscr.com/6lm547

http://prntscr.com/6lm66a

I dont really understand what y mean with:

As for centering the images, pick your breakpoint and use text-align:center on the

<

div>

Is it possible u can give me the correct code for the issue so i can paste it in the CSS file?

Great thanx already for you reply’s :)

[sportfeed]

I got the 1st issue now! Only the picture issue now!

[Paulie_D]

Can’t diagnose an image but the cod I gave you should work….but I notice that class has now disappeared from the div.

<div class="vc_single_image-wrapper   vc_box_border_grey">

As for the centering

@media (max-width: 320px) { /* or whatever number you want */
   .wpb_wrapper {
     text-align:center;
    }
}

[sportfeed]

Thank u very much!!! It works many many thanx! :)

[Author]

Posts