Full width shape in responsive mode


Author Message
Angela

Posted: 9/6/2015
Quote message 

Sorry this is a repost as I must have forgotten to fill in the post title field on my previous attempt.
Hello, I'm working on a new Wordpress and Woocommerce website and although I'm happy with the way everything else works in the default responsive mode I can't for the life of me figure out how to get the shape I have as a top info bar to display in mobile and tablet mode.

I've had some very unpredictable outcomes from messing with the custom responsive controls in Artisteer but I am comfortable with editing the css although I'm not a coder.

The theme will be exported with Tuxedo 1.53 if that makes any difference?

Here's some screen shots of what I'm having problems with, the shape is the wavy pink bar with the contact details and opening times at the top of the header.
https://drive.google.com/file/d/0B1dk7rATLNj_VUczRzl4TENUMXc/view?usp=sharing
https://drive.google.com/file/d/0B1dk7rATLNj_RWFNV1VmS1g2Ujg/view?usp=sharing
https://drive.google.com/file/d/0B1dk7rATLNj_OFZhXzROdHUwQVE/view?usp=sharing

Thank you for anyone that has any suggestions,
Angela ;-) ;-) ;-)
 
Angela

Posted: 9/12/2015
Quote message 

Nobody with any idea? I've tried fiddling with css but no luck so far :-(
 
gcm

Posted: 9/13/2015
Quote message 

You might try this link http://www.artisteer.com/?p=responsive_header