Hi Basil,

Hope you’re ok, sorry I believe the site was with the maintenance mode on.

This is what I would like to do:

– resize the Breadcrumbs (or reduce the padding) and the hero banner in height. On mobile the Breadcrumbs goes on two lines and the vertical middle align switch to top. Is it possible to keep it middle?
– On the product page (link attached) I have a check box which I would like left aligned with only 10px padding from the text.

Many thanks
David

ok, it addresses the issue of off-topic. But it does not I always change both lightbox.
The only thing that works is the code below it.
But it does not bother me to use, I just wonder if this is a good way.

//DISABLE WOOCOMMERCE PRETTY PHOTO SCRIPTS
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'prettyPhoto' );
	wp_deregister_script( 'prettyPhoto-init' );
}

//DISABLE WOOCOMMERCE PRETTY PHOTO STYLE
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'woocommerce_prettyPhoto_css' );
}

Thanks Josue, it moves the large image to the right
I have added the following to move the title as well.

.av-magazine-hero-left .av-magazine-top-bar {
margin-bottom: 0px;
float: right;
}
.av-magazine-hero-top .av-magazine-top-bar {
margin-bottom: 0px;
border: none;
float: right;
}

Great support!
Tal

Solved! You can close topic.. Thank you Yigit, Jas

The debugging is perfect. Can someone reply to my other topic? Category headers? Please? Is there a line of code I can add somewhere to make those work?

Hi Yigit,

No, I have viewed it on an iPhone 6s Plus, iPhone 6, iPhone 5s and an Android HTC One. The problem is on all of these devices.

What phone are you viewing it on? Perhaps the cache on your phone needs to be cleared from last the last topic you helped me with?

Thanks,

Jas

• This reply was modified 9 years, 10 months ago by Jasmer.

Thanks, Andy, but that doesn’t seem to be doing anything. I drop that css in and out and reload the site at a width between those values and nothing seems to change. I’m still getting these super-narrow, cramped columns — especially the right sidebar — for example https://www.evernote.com/shard/s320/sh/35c28f19-b736-472a-aefe-ab808fef7f13/22768075105e938c867b9a191178bea7

Can you give me some css to switch to mobile view at 900px, like the option the Top Header layout provides?

Thanks again.

Hey Jordan, I appreciate the answer but now the watermark has disappeared. It is probably sitting behind the slide background now. Do you know how I can get those in the right order so that the watermark is on top of the background gradient but below the actual slide elements so that the links still work?

As i got no help and after scouring the forums for nearly 2 hours i found this thread:

CLICK HERE

Which includes the resolutions.

Wow, look like magic !!
Thanks for the blitz answer !
That’s so great !

Thre’s just a thing I don’t understand : it’s perfect from perfect with firefox, but in chrome, le logo area is situated too high, partly under the menu, and there’s a white space with the following images…
I’ve tried to tweak the “top:51px” instruction but then it’s under firefox that it won’t work…

Browser constraints ?

Tahnks for your help !

— Jérôme.

Hi Ismael,

thanks for your hints. I added the code to the Quick CSS field and to the header.php. But how to insert a menu in the top_header?

Best regards,
Anna